.erix-media{position:relative;background:#080808;color:#f0f0ea;font-family:Outfit,-apple-system,sans-serif;border-top:1px solid rgba(255,255,255,.12);overflow:hidden}.erix-media__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:0}.erix-media__hero{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:1;min-height:600px}.erix-media__hero-img-wrap{position:relative;overflow:hidden}.erix-media__hero-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:brightness(.88);transition:filter .4s ease}.erix-media__hero-img-wrap:hover .erix-media__hero-img{filter:brightness(.95)}.erix-media__corner{position:absolute;width:24px;height:24px;z-index:2}.erix-media__corner--tl{top:16px;left:16px;border-top:2px solid #c8f06c;border-left:2px solid #c8f06c}.erix-media__corner--br{bottom:48px;right:16px;border-bottom:2px solid #c8f06c;border-right:2px solid #c8f06c}.erix-media__hero-tag{position:absolute;bottom:16px;left:16px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f0f0eab3;background:#080808b3;padding:6px 12px;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.erix-media__hero-tag-dot{width:5px;height:5px;background:#c8f06c;border-radius:50%;flex-shrink:0;animation:erix-media-pulse 2s ease-in-out infinite}@keyframes erix-media-pulse{0%,to{opacity:1}50%{opacity:.3}}.erix-media__hero-copy{padding:64px 52px;display:flex;flex-direction:column;justify-content:center;background:#0d0d0d;border-left:1px solid rgba(255,255,255,.08)}.erix-media__label{display:flex;align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.14em;color:#c8f06c;text-transform:uppercase;margin-bottom:28px}.erix-media__label-line{display:block;width:28px;height:1px;background:#c8f06c;flex-shrink:0}.erix-media__hero-headline{font-size:clamp(28px,3.2vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:#f0f0ea;margin-bottom:20px}.erix-media__hero-headline em{font-style:normal;color:#c8f06c}.erix-media__hero-body{font-size:15px;font-weight:400;line-height:1.7;color:#f0f0ea99;margin-bottom:36px;max-width:420px}.erix-media__callouts{display:flex;flex-direction:column;gap:14px}.erix-media__callout-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:400;color:#f0f0eab3;line-height:1.5}.erix-media__callout-dot{width:5px;height:5px;background:#c8f06c;border-radius:50%;flex-shrink:0;margin-top:6px}.erix-media__grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:2px;background:#ffffff1a;position:relative;z-index:1}.erix-media__grid-item{background:#0a0a0a;display:flex;flex-direction:column;overflow:hidden}.erix-media__grid-item--tall{grid-row:span 1}.erix-media__grid-img-wrap{overflow:hidden;flex:1;min-height:200px;max-height:320px}.erix-media__grid-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s ease,filter .3s ease;filter:brightness(.9);background:#060606}.erix-media__grid-item:hover .erix-media__grid-img{filter:brightness(1)}.erix-media__grid-caption{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.08);background:#0d0d0d}.erix-media__grid-num{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;color:#c8f06c;flex-shrink:0;margin-top:2px}.erix-media__grid-title{font-size:15px;font-weight:600;color:#f0f0ea;margin-bottom:4px}.erix-media__grid-desc{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em;color:#f0f0ea73;text-transform:uppercase;line-height:1.5}@media screen and (max-width:1024px){.erix-media__hero{grid-template-columns:1fr;min-height:auto}.erix-media__hero-img-wrap{min-height:400px}.erix-media__hero-copy{padding:48px 32px;border-left:none;border-top:1px solid rgba(255,255,255,.08)}}@media screen and (max-width:768px){.erix-media__grid{grid-template-columns:1fr}.erix-media__grid-img-wrap{max-height:240px}}@media screen and (max-width:640px){.erix-media__hero-img-wrap{min-height:280px}.erix-media__hero-copy{padding:40px 20px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/erix-media.css.map */