.hero{background:var(--black);padding:clamp(20px,2.4vw,36px) var(--gutter) 0;text-align:center;position:relative;overflow:hidden}.hero__bg{position:absolute;top:0;left:0;right:0;height:clamp(640px,72vh,920px);z-index:0;pointer-events:none;overflow:hidden}.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.7;filter:grayscale(100%) contrast(112%)}.hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 35%,#00000040,#0000008c 70%,#000c),linear-gradient(180deg,transparent 68%,rgba(0,0,0,.92) 88%,#000 100%)}.hero>*:not(.hero__bg):not(.hero__cursor-glow){position:relative;z-index:1}.hero__cursor-glow{position:absolute;width:380px;height:380px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,0,0,.22) 0%,transparent 60%);filter:blur(28px);transform:translate(-50%,-50%);z-index:1;opacity:0;transition:opacity .48s ease;mix-blend-mode:screen}.hero:hover .hero__cursor-glow{opacity:1}.hero__title--slogan{font-family:Anton,Geist,sans-serif;font-weight:400;font-size:clamp(56px,10vw,168px);line-height:.92;letter-spacing:-.005em;text-transform:uppercase;margin:0 auto;padding:6px 0 14px;text-align:center;max-width:1480px;display:flex;flex-direction:column;justify-content:center;min-height:calc(3.68*clamp(56px,10vw,168px) + 38px)}.hero__title--slogan .slogan-row{font-size:1.12em}.hero__title--slogan .slogan-row+.slogan-row{margin-top:.1em}.slogan-row{display:block;white-space:nowrap;text-align:center}.slogan-row+.slogan-row{margin-top:6px}.slogan-word{display:inline-block}.slogan-word--solid{color:var(--red);text-shadow:0 0 14px rgba(255,0,0,.85),0 0 32px rgba(255,0,0,.6),0 0 70px rgba(255,0,0,.4)}.slogan-word--outline{color:transparent;-webkit-text-stroke:1.6px var(--red);text-stroke:1.6px var(--red);filter:drop-shadow(0 0 10px rgba(255,0,0,.5))}@media(max-width:480px){.hero__title--slogan{font-size:clamp(40px,13vw,60px);line-height:.96;min-height:calc(3.84*clamp(40px,13vw,60px) + 18px)}.slogan-word--outline{-webkit-text-stroke:1.2px var(--red);text-stroke:1.2px var(--red)}}.hero__ctas{display:flex;gap:14px;justify-content:center;margin-top:28px}.hero__lineup{position:relative;margin:64px 0 0;padding:24px var(--gutter) 32px;display:flex;gap:clamp(14px,1.6vw,24px);overflow-x:auto;align-items:end;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);scroll-padding-right:var(--gutter);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.hero__lineup::-webkit-scrollbar{height:5px}.hero__lineup::-webkit-scrollbar-track{background:transparent}.hero__lineup::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}.hero__lineup::-webkit-scrollbar-thumb:hover{background:#ffffff47}.hero__lineup-item{position:relative;flex:0 0 clamp(260px,24vw,360px);scroll-snap-align:start;display:block;border-radius:22px;overflow:hidden;transition:transform .54s var(--ease),opacity .38s var(--ease),filter .38s var(--ease),box-shadow .54s var(--ease);will-change:transform;transform-origin:center bottom}.hero__lineup-item{aspect-ratio:1 / 1}.hero__lineup-item img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s var(--ease)}.hero__lineup-item--wide img{transform:scale(1.45)}.hero__lineup-item:hover{transform:translateY(-14px) scale(1.08);z-index:5;box-shadow:0 50px 100px -20px #000000bf,0 25px 50px -10px #ff000059,0 0 0 1px #f003 inset}.hero__lineup-item:hover img{transform:scale(1.06)}.hero__lineup-item--wide:hover img{transform:scale(1.537)}.hero__lineup:hover .hero__lineup-item:not(:hover){opacity:.4;filter:saturate(.55) brightness(.85);transform:scale(.96)}@media(max-width:700px){.hero__bg{height:340px}.hero__bg:after{background:radial-gradient(ellipse at 50% 35%,#00000040,#0000008c 70%,#000c),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.92) 82%,#000 100%)}.hero__lineup{margin-top:36px;padding-bottom:24px;gap:12px}.hero__lineup-item{flex:0 0 54vw}}.hero__specs{display:flex;justify-content:center;gap:clamp(20px,5vw,80px);flex-wrap:wrap;padding:60px var(--gutter) 100px;border-top:1px solid var(--line-d);margin-top:60px}.hero__spec{text-align:center}.hero__spec dt{font-size:12px;letter-spacing:.04em;color:var(--ink-d-mute);margin-bottom:8px}.hero__spec dd{font-family:var(--display);font-weight:600;font-size:clamp(28px,3.6vw,44px);letter-spacing:-.03em;color:var(--ink-d);margin:0}.hero__spec dd small{font-size:.5em;font-weight:400;color:var(--ink-d-mute);margin-left:4px;letter-spacing:0}@supports (animation-timeline: view()){.hero__specs .hero__spec{opacity:0;transform:translateY(20px);animation:oxsSpecIn linear forwards;animation-timeline:view();animation-range:entry 0% cover 30%}.hero__specs .hero__spec:nth-child(2){animation-range:entry 5% cover 32%}.hero__specs .hero__spec:nth-child(3){animation-range:entry 10% cover 34%}.hero__specs .hero__spec:nth-child(4){animation-range:entry 15% cover 36%}@keyframes oxsSpecIn{to{opacity:1;transform:translateY(0)}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/oxs-hero.css.map */