.hero{position:relative;display:block}.hero.is-sequence{height:var(--scroll-length, 350vh)}.hero__sticky{position:relative;overflow:hidden}.hero.is-sequence .hero__sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center}.hero__grid{display:grid;gap:var(--space-6);padding-top:var(--space-8);padding-bottom:var(--space-12)}.hero__copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-4)}.hero__heading{font-size:clamp(38px,5vw,72px);line-height:1.02;font-weight:var(--heading-weight);letter-spacing:-.02em}.hero__text{max-width:520px}.hero__buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.hero__rating{display:flex;align-items:center;gap:10px}.hero__visual{position:relative;display:flex;flex-direction:column;align-items:center}.hero__glow{position:absolute;left:50%;top:45%;width:110%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(40,212,224,.2),transparent 62%);pointer-events:none}.hero__stage{position:relative;width:100%;aspect-ratio:1 / 1;max-height:70vh}.hero__poster,.hero__video,.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse at center,#000 55%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 55%,transparent 78%)}.hero__poster--placeholder{fill:var(--panel-raised)}.hero__video{display:none}.hero__acts{display:flex;gap:6px;width:100%;margin:var(--space-3) 0 0;padding:0;list-style:none}.hero__act{flex:1}.hero__act-bar{display:block;height:3px;border-radius:2px;background:var(--border-strong);transition:background .3s ease}.hero__act.is-active .hero__act-bar{background:var(--gradient-brand)}.hero__act-label,.hero__act-caption,.hero__hint{display:none}@media(max-width:989px){.hero__stage{max-height:none;aspect-ratio:11 / 10}.hero__video{display:block}.hero__secondary{display:none}.hero__copy{order:0}}@media(max-width:989px)and (prefers-reduced-motion:reduce){.hero__video{display:none}}@media(min-width:990px){.hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:var(--space-6);padding-top:var(--space-12);padding-bottom:var(--space-24);width:100%}.hero.is-sequence .hero__grid{padding-top:0;padding-bottom:0}.hero__copy{grid-column:span 6;gap:26px}.hero__visual{grid-column:span 6}.hero__stage{aspect-ratio:1 / 1;max-height:72vh}.hero__acts{position:absolute;right:-24px;top:50%;transform:translateY(-50%);flex-direction:column;gap:18px;width:auto;margin:0}.hero__act{display:flex;align-items:center;gap:10px;color:var(--ink-subtle);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero__act-bar{width:2px;height:36px;background:var(--border-strong)}.hero__act.is-active{color:var(--ink)}.hero__act.is-active .hero__act-bar{background:linear-gradient(var(--brand-mint),var(--brand-cyan))}.hero__act-label{display:inline}.hero__act-caption{position:absolute;right:calc(100% + 24px);display:block;white-space:nowrap;color:var(--ink);font-size:22px;font-weight:var(--heading-weight);letter-spacing:-.01em;text-transform:none;opacity:0;transform:translate(8px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.hero.is-sequence .hero__act.is-active .hero__act-caption{opacity:1;transform:none}.hero__hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink-subtle);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:opacity .3s ease}.hero.is-scrolled .hero__hint{opacity:0}.hero__mouse{display:flex;justify-content:center;width:22px;height:34px;padding-top:6px;border:1.5px solid var(--border-strong);border-radius:11px}.hero__mouse span{width:3px;height:7px;border-radius:2px;background:var(--brand-teal);animation:hero-mouse 1.6s ease-in-out infinite}}@keyframes hero-mouse{0%,to{transform:translateY(0);opacity:1}60%{transform:translateY(8px);opacity:.2}}@media(max-width:989px){.hero--size-large .hero__stage,.hero--size-xlarge .hero__stage{width:calc(100% + 2 * var(--gutter));margin-left:calc(var(--gutter) * -1);aspect-ratio:1 / 1}.hero--size-xlarge .hero__stage{aspect-ratio:4 / 5}}@media(min-width:990px){.hero--size-large .hero__copy{grid-column:span 5}.hero--size-large .hero__visual{grid-column:span 7}.hero--size-large .hero__stage{max-height:84vh}.hero--size-xlarge .hero__copy{grid-column:span 4}.hero--size-xlarge .hero__visual{grid-column:span 8;margin-right:calc(var(--gutter) * -1)}.hero--size-xlarge .hero__stage{aspect-ratio:4 / 3;max-height:92vh}.hero--size-xlarge .hero__heading{font-size:clamp(36px,4.2vw,64px)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-hero.css.map */