:root{--v2-dock-h: 3.875rem;--v2-dock-gap: 1.25rem;--v2-dock-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) ;--v2-panel-bottom: calc(var(--v2-dock-h) + var(--v2-dock-gap) + var(--v2-dock-bottom));--v2-hero-panel-bottom: calc(40px + env(safe-area-inset-bottom, 0px)) }@media(max-width:767px){:root{--v2-hero-panel-bottom: calc(var(--v2-space-4) + env(safe-area-inset-bottom, 0px))}}.hero-cinema-v2{position:relative;height:100svh;min-height:640px;background:var(--v2-black);overflow:hidden;isolation:isolate}.hero-cinema-v2__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100svh;overflow:hidden;opacity:0;z-index:1;--hero-reveal: 1;--hero-ix: 0px;--hero-iy: 0px;clip-path:inset(calc(var(--hero-iy) * (1 - var(--hero-reveal))) calc(var(--hero-ix) * (1 - var(--hero-reveal))) round calc(24px * (1 - var(--hero-reveal))));will-change:clip-path,opacity,transform}.hero-cinema-v2__video,.hero-cinema-v2__placeholder{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.hero-cinema-v2__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(to top,color-mix(in srgb,var(--v2-black) 60%,transparent) 0%,color-mix(in srgb,var(--v2-black) 18%,transparent) 38%,transparent 70%)}.hero-cinema-v2__placeholder{background:linear-gradient(135deg,var(--v2-surface-ocean-deep),var(--v2-deep-ocean))}.hero-cinema-v2__panel{position:absolute;left:clamp(16px,3vw,40px);right:clamp(16px,3vw,40px);max-width:720px;margin-inline:auto;bottom:var(--v2-hero-panel-bottom);z-index:2;opacity:0;padding:clamp(12px,1.6vw,20px);background:color-mix(in srgb,var(--v2-surface-panel) 74%,transparent);border:1px solid var(--v2-glass-border);backdrop-filter:var(--v2-glass-blur) saturate(1.2);-webkit-backdrop-filter:var(--v2-glass-blur) saturate(1.2);box-shadow:inset 0 1px color-mix(in srgb,var(--v2-white) 9%,transparent)}.hero-cinema-v2:not(.hero-cinema-v2--ready) [data-hero-reveal]{opacity:0}.hero-cinema-v2--ready .hero-cinema-v2__frame,.hero-cinema-v2--ready .hero-cinema-v2__overlay,.hero-cinema-v2--ready .hero-cinema-v2__panel,.hero-cinema-v2--ready [data-hero-reveal]{opacity:1}.hero-cinema-v2__word{display:inline-block;will-change:transform}.hero-cinema-v2__panel-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--v2-space-3) var(--v2-space-4);align-items:start;padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--v2-white) 10%,transparent)}.hero-cinema-v2__scroll-hint{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--v2-space-2);margin:0;padding:var(--v2-space-2) 0;min-height:44px;border:0;background:none;color:var(--v2-alpha-white-60);font-family:var(--v2-font);font-size:var(--v2-text-micro);font-weight:var(--v2-w-semi, 600);letter-spacing:.28em;line-height:1.35;text-transform:uppercase;text-align:left;cursor:pointer}.hero-cinema-v2__scroll-hint .v2-scroll-cue__mouse{border-color:var(--v2-alpha-white-40)}.hero-cinema-v2__scroll-label{color:inherit}.hero-cinema-v2__header-note{margin:0;color:var(--v2-cart-muted);font-size:var(--v2-text-label);letter-spacing:.12em;line-height:1.35;text-transform:uppercase}.hero-cinema-v2__header-note--end{text-align:right}.hero-cinema-v2__panel-body{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--v2-space-5)}.hero-cinema-v2__title{margin:0;color:var(--v2-white);font-size:var(--v2-section-heading-size, clamp(22px, 3.2vw, 38px));font-weight:var(--v2-w-bold, 700);letter-spacing:-.02em;line-height:1.05;overflow:hidden;padding-bottom:.08em}.hero-cinema-v2__cta{flex-shrink:0}@media(max-width:767px){.hero-cinema-v2{min-height:100svh}.hero-cinema-v2__panel-header{grid-template-columns:1fr;gap:var(--v2-space-2);padding-bottom:var(--v2-space-3);margin-bottom:var(--v2-space-3)}.hero-cinema-v2__scroll-hint{display:inline-flex;min-height:0;padding:0;overflow:visible}.hero-cinema-v2__header-note--end{text-align:left}.hero-cinema-v2__panel-body{flex-direction:column;align-items:stretch}.hero-cinema-v2__panel{max-height:calc(100svh - var(--v2-hero-panel-bottom) - var(--v2-space-4));overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(prefers-reduced-motion:reduce){.hero-cinema-v2__frame,.hero-cinema-v2__panel,.hero-cinema-v2__overlay,.hero-cinema-v2 [data-hero-reveal],.hero-cinema-v2__scroll-hint .v2-scroll-cue__mouse:after{transition:none;animation:none!important}.hero-cinema-v2 .hero-cinema-v2__frame{width:100%;height:100svh;border-radius:0;opacity:1}.hero-cinema-v2 .hero-cinema-v2__panel{opacity:1;transform:none;bottom:var(--v2-hero-panel-bottom)}.hero-cinema-v2 .hero-cinema-v2__overlay{opacity:1}.hero-cinema-v2 [data-hero-reveal]{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hero-cinema-v2.css.map */