t21-hero{display:block}.t21-hero{--off:var(--header-group-height,60px);display:flex;flex-direction:column;justify-content:flex-end;height:max(520px,calc(100svh - var(--off)));overflow:hidden;overflow:clip;isolation:isolate;background:#000}#header-group:has(#header-component[transparent])~.content-for-layout .t21-hero{--off:0px}.t21-hero--auto{height:auto;aspect-ratio:4/5}.t21-hero--center{justify-content:center}@media(min-width:750px){.t21-hero--auto{aspect-ratio:16/9}}.t21-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.t21-hero__media picture,.t21-hero__poster,.t21-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.t21-hero__poster,.t21-hero__video{object-fit:cover}.t21-hero__video{opacity:0;transition:opacity var(--t21-d-reveal) var(--t21-ease-out)}.t21-hero.is-playing .t21-hero__video{opacity:1}.t21-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#000 0,#0000 9%),linear-gradient(to top,rgba(0,0,0,var(--ov)) 0,rgba(0,0,0,calc(var(--ov) * .82)) 26%,rgba(0,0,0,calc(var(--ov) * .42)) 46%,#0000 70%),linear-gradient(to bottom,#0000004d,#0000 22%)}.t21-hero--center .t21-hero__scrim{background:linear-gradient(to top,#000 0,#0000 9%),rgba(0,0,0,calc(var(--ov) * .7))}@media(min-width:990px){.t21-hero:not(.t21-hero--center) .t21-hero__scrim{background:linear-gradient(to top,#000 0,#0000 9%),linear-gradient(to top,rgba(0,0,0,var(--ov)) 0,rgba(0,0,0,calc(var(--ov) * .85)) 34%,rgba(0,0,0,calc(var(--ov) * .45)) 60%,#0000 84%),linear-gradient(to bottom,#0000004d,#0000 22%)}}.t21-hero.t21-hero--fallback .t21-hero__scrim{background:linear-gradient(to top,#000 0,#0000 12%),linear-gradient(to top,#000000e6 0,#000000b8 40%,#00000080,#00000057)}.t21-hero__inner{position:relative;width:100%;padding:0 var(--t21-gutter) calc(env(safe-area-inset-bottom,0px) + 108px);text-align:center}.t21-hero--center .t21-hero__inner{padding-block:104px}.t21-hero__inner:not(:has(>.t21-hero__end)){visibility:hidden}.t21-hero__content{display:flex;flex-direction:column;align-items:center;gap:12px}.t21-hero__edition{font-size:clamp(19px,2vw,26px);font-weight:500;line-height:1.35;color:#f5f5f7db}.t21-hero__title{max-width:14em}.t21-hero__title--logo{max-width:none;line-height:0;margin-bottom:8px}.t21-hero__logo{width:min(82vw,var(--lw,520px));height:auto;margin-inline:auto}.t21-hero__sub{max-width:28em;font-size:clamp(17px,1.8vw,22px);line-height:1.55;color:#f5f5f7db;text-wrap:balance}.t21-hero.is-away .t21-hero__edition>span,.t21-hero.is-away .t21-roll__s{transition:none}.t21-hero__cta{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}.t21-hero__buy{min-height:44px;padding:0 24px;font-size:16px}.t21-hero__price{font-size:17px;font-weight:500;color:#f5f5f7eb}@media(min-width:990px){.t21-hero__cta{margin-top:14px}}@media(min-width:990px){.t21-hero__inner{padding-bottom:136px}.t21-hero__content{gap:16px}}.t21-hero__ctls{position:absolute;z-index:1;inset-inline-end:var(--t21-gutter);bottom:calc(env(safe-area-inset-bottom,0px) + 28px);display:flex;gap:10px;opacity:0;pointer-events:none;transition:opacity var(--t21-d-ui) var(--t21-ease-out)}.t21-hero.is-playing .t21-hero__ctls,.t21-hero.is-blocked .t21-hero__ctls{opacity:1;pointer-events:auto;transition:opacity var(--t21-d-reveal) var(--t21-ease-out)}.t21-hero__cue{position:absolute;inset-inline:0;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);display:flex;justify-content:center;pointer-events:none}.t21-hero__cue-btn{--t21-enter-at:1.1s;pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:#f5f5f7b8;cursor:pointer}.t21-hero__cue-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:t21-cue 2.6s var(--t21-ease-io) 2.2s 4}@keyframes t21-cue{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,5px,0)}}@supports (animation-timeline:view()){.t21-hero{view-timeline:--t21-hero block}.t21-hero__inner,.t21-hero__cue{animation:t21-hero-out both var(--t21-ease-io);animation-timeline:--t21-hero;animation-range:exit 0% exit 55%}.t21-hero__media{animation:t21-hero-drift both linear;animation-timeline:--t21-hero;animation-range:exit 0% exit 100%}}@keyframes t21-hero-out{to{opacity:0;transform:translate3d(0,-40px,0) scale(.97)}}@keyframes t21-hero-drift{to{transform:translate3d(0,24%,0)}}@keyframes t21-hero-fade{to{opacity:0}}@media(prefers-reduced-motion:reduce){.t21-hero__media{animation:none!important}.t21-hero__inner,.t21-hero__cue{animation-name:t21-hero-fade!important}.t21-hero__cue-btn svg{animation:none!important}.t21-hero__ctls{transition-duration:var(--t21-d-ui)!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/t21-hero.css.map */