.hero-scene{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:#141b12}.hero-video{position:absolute;top:0;right:0;bottom:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% center;left:22%}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#141b12 0% 24%,#141b12f0 30%,#141b12d1 35%,#141b1266,#141b121a,#141b1200 59%)}.hero-copy{position:absolute;z-index:2;left:5.2%;right:auto;top:50%;bottom:auto;transform:translateY(-40%);width:31%;max-width:540px;padding:0;background:transparent}.hero-copy .eyebrow{font-size:.75rem;letter-spacing:.14em;gap:12px}.hero-copy h1{font-size:clamp(3rem,5.8vw,6.5rem)}.hero-copy .hero-description{font-size:1rem;line-height:1.8;max-width:410px}.hero-copy>.button{margin-top:28px}.hero-bottom{position:absolute;z-index:2;left:5.2%;right:5.2%;bottom:27px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0;background:transparent}.hero-bottom .film-counter,.hero-bottom .scroll-cue{text-shadow:0 1px 6px #000}.film-track{z-index:2}.video-notice{z-index:3}@media(max-width:1050px){.hero-copy h1{font-size:4.7vw}.hero-copy .eyebrow{font-size:.625rem}.hero-copy .hero-description{font-size:.9375rem}.hero-copy>.button{min-width:0;padding:17px 21px}}@media(max-width:700px){.hero-video{left:0;top:112px;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain}.hero-overlay{background:linear-gradient(180deg,transparent 0,transparent calc(12px + 56.25vw),#141b12 calc(92px + 56.25vw))}.hero-copy{left:7%;width:86%;top:calc(112px + 56.25vw + 4svh);bottom:auto;transform:none}.hero-copy .eyebrow{font-size:.625rem;gap:7px;letter-spacing:.08em}.hero-copy .tiny-line{display:none}.hero-copy h1{font-size:clamp(3rem,12vw,4.2rem)}.hero-copy .hero-description{font-size:.875rem;line-height:1.65}.hero-copy>.button{font-size:.75rem;padding:13px 14px;min-height:46px;margin-top:22px}.hero-bottom{left:7%;right:6%;bottom:22px}.hero-bottom .scroll-cue{max-width:220px}}:root{scroll-padding-top:128px}.site-header{position:fixed;background:#141b12;height:96px}.header-nav{gap:32px}.collection{position:relative}.collection-anchor{position:absolute;top:0;left:0}.collection-secondary{border-top:1px solid var(--line)}.product-grid-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.hoodie-grid .product-visual{aspect-ratio:4 / 3}.hats-grid .product-visual{aspect-ratio:3 / 2}.product-face.single img,.cart-thumb-single img{left:0;width:100%;height:100%;transform:none;object-fit:cover}.grey{background:#a7a6a3}@media(max-width:1050px)and (min-width:701px){.header-nav{gap:22px}.hero-copy .hero-description{font-size:.875rem}.hero-copy>.button{padding:15px;font-size:.75rem}}@media(max-width:700px){:root{scroll-padding-top:126px}.site-header{height:112px;grid-template-columns:1fr 1fr;grid-template-rows:65px 47px;gap:0}.site-header .brand{width:140px}.header-nav{grid-column:1 / -1;grid-row:2;gap:36px;border-top:1px solid #ffffff20;width:100%}.site-header .nav-link{font-size:.875rem;padding:12px 0}.cart-trigger{grid-column:2;grid-row:1}.product-grid-pair{grid-template-columns:1fr;gap:38px}.hero-copy .hero-description{margin-top:12px}.hero-copy>.button{margin-top:16px}}.site-header{transition:transform .25s ease;will-change:transform}.site-header.is-hidden{transform:translateY(-100%);pointer-events:none}.site-header:has(:focus-visible){transform:translateY(0);pointer-events:auto}@media(max-width:1050px)and (orientation:portrait),(max-width:700px){.hero-scene{--hero-header:96px;--film-height:min(56.25vw,48svh)}.hero-video{left:0;top:var(--hero-header);width:100%;height:var(--film-height);aspect-ratio:auto;object-fit:contain;object-position:center}.hero-overlay{background:linear-gradient(180deg,transparent 0,transparent calc(var(--hero-header) + var(--film-height) - 38px),#141b12 calc(var(--hero-header) + var(--film-height) + 1px))}.hero-copy{left:7%;right:7%;width:auto;max-width:660px;top:calc(var(--hero-header) + var(--film-height) + 22px);bottom:auto;transform:none}.hero-copy .eyebrow{font-size:.6875rem;letter-spacing:.1em;margin-bottom:16px}.hero-copy h1{font-size:clamp(3.2rem,9.2vw,5rem)}.hero-copy>.button{margin-top:18px;min-height:48px;padding:14px 20px}.hero-bottom{left:7%;right:7%;bottom:22px}.hero-bottom>p{display:none}}@media(max-width:700px){.hero-scene{--hero-header:112px}.hero-copy h1{font-size:clamp(3rem,12vw,4.2rem)}.hero-copy .eyebrow{font-size:.625rem}.hero-copy>.button{font-size:.8125rem}.hero-stage{min-height:max(630px,calc(397px + min(56.25vw,48svh)))}.hero-scroll{height:calc(max(100svh,630px,calc(397px + min(56.25vw,48svh))) + 35svh)}}@media(prefers-reduced-motion:reduce){.site-header{transition:none}.hero-scroll{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hero-layout.css.map */