/* The poster is the first paint. Video and scroll enhancement remain optional. */
.hero-scroll-scene{--hero-card-height:min(clamp(450px,45vw,660px),90svh);position:relative}
.hero-size-guide{position:absolute;left:0;top:0;width:0;height:var(--hero-card-height);visibility:hidden;pointer-events:none}
.hero-pin{height:var(--hero-card-height);width:min(100%,1440px);padding-inline:var(--gutter);margin-inline:auto}
.hero-visual{height:100%;position:relative;background:#090d1c}
.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%}
.hero-poster,.hero-video{transform:translateY(calc(var(--hero-clip-bottom,0px) * -0.5))}
.hero-poster img,.hero-video{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero-video{opacity:0;transition:opacity .45s ease}
.hero-poster{opacity:1;transition:opacity .45s ease}
.hero-visual.has-started .hero-video{opacity:1}
.hero-visual.has-started .hero-poster{opacity:0}
.hero-visual .hero-shade{background:linear-gradient(180deg,#03050f24,transparent 30%,#03050f99 100%);pointer-events:none}
.hero-visual .image-chip{z-index:2;left:calc(var(--hero-clip-inline,0px) + 24px)}
.hero-visual .hero-image-copy{left:calc(var(--hero-clip-inline,0px) + 35px);bottom:calc(var(--hero-clip-bottom,0px) + 56px);opacity:var(--hero-copy-opacity,1);pointer-events:none}
.hero-visual .hero-scroll{right:calc(var(--hero-clip-inline,0px) + 35px);bottom:calc(var(--hero-clip-bottom,0px) + 45px);z-index:2}
.hero-play-toggle{position:absolute;right:calc(var(--hero-clip-inline,0px) + 24px);top:24px;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:36px;padding:8px 13px;background:#0b081bcc;backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:24px;color:#faf8ff;font-size:8px;font-weight:700;letter-spacing:.07em}
.hero-play-toggle:hover{background:#24173ee8;border-color:#ccb5ff}
.hero-play-icon{font-size:13px;line-height:1}
.hero-scroll-hint{position:absolute;bottom:calc(var(--hero-clip-bottom,0px) + 30px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;white-space:nowrap;color:#e0d7ee;font-size:8px;letter-spacing:.13em;opacity:var(--hero-hint-opacity,0);pointer-events:none}
.hero-scroll-hint>span{font-size:17px;line-height:1;color:#ccb5ff}
.hero-play-toggle:focus-visible,.hero-scroll:focus-visible{outline-offset:-5px}
.site-header{transition:transform .3s ease;will-change:transform}
.hero-scroll-scene.is-enhanced{height:220svh}
.hero-scroll-scene.is-enhanced .hero-pin{position:sticky;top:0;width:100%;height:100svh;padding:0}
.hero-scroll-scene.is-enhanced .hero-visual{border-radius:0;clip-path:inset(0 var(--hero-clip-inline,var(--gutter)) var(--hero-clip-bottom,0px) round var(--hero-clip-radius,16px));will-change:clip-path}
.hero-is-immersive .site-header{transform:translateY(-105%);pointer-events:none}
.hero-is-immersive .site-header:has(:focus-visible),.hero-is-immersive .site-header:has(.menu-toggle[aria-expanded=true]){transform:none;pointer-events:auto}
@media(max-width:800px){.hero-scroll-scene{--hero-card-height:min(500px,88svh)}}
@media(max-width:560px){.hero-scroll-scene{--hero-card-height:min(450px,82svh)}.hero-scroll-scene.is-enhanced{height:205svh}.hero-play-toggle{top:17px;right:calc(var(--hero-clip-inline,0px) + 17px);gap:7px;min-height:32px;font-size:7px;padding:7px 10px}.hero-visual .image-chip{left:calc(var(--hero-clip-inline,0px) + 17px);max-width:calc(100% - 135px);font-size:6px;gap:6px}.hero-visual .hero-image-copy{left:calc(var(--hero-clip-inline,0px) + 19px);bottom:calc(var(--hero-clip-bottom,0px) + 45px)}.hero-visual .hero-scroll{right:calc(var(--hero-clip-inline,0px) + 17px);bottom:calc(var(--hero-clip-bottom,0px) + 35px)}.hero-scroll-hint{font-size:6px;letter-spacing:.09em;gap:10px;bottom:calc(var(--hero-clip-bottom,0px) + 25px)}}
@media(max-height:500px) and (orientation:landscape){.hero-scroll-scene{--hero-card-height:85svh}.hero-visual .hero-image-copy>p{font-size:48px}.hero-visual .hero-image-copy{bottom:calc(var(--hero-clip-bottom,0px) + 30px)}.hero-visual .hero-image-copy>span{margin-top:12px}.hero-visual .hero-scroll{bottom:calc(var(--hero-clip-bottom,0px) + 25px)}}
@media(prefers-reduced-motion:reduce){.hero-scroll-scene.is-enhanced{height:auto}.hero-scroll-scene.is-enhanced .hero-pin{position:relative;height:var(--hero-card-height);width:min(100%,1440px);padding-inline:var(--gutter)}.hero-scroll-scene.is-enhanced .hero-visual{clip-path:none;border-radius:16px;will-change:auto}.hero-visual .hero-image-copy{opacity:1;bottom:45px}.hero-visual .hero-scroll{bottom:35px}.hero-scroll-hint{display:none}.hero-is-immersive .site-header:not(:focus-within){transform:none;pointer-events:auto}.site-header{will-change:auto}}