/* Load after the existing style, depth, logo and intro sheets. */
.hero-scroll-shell{position:relative;background:var(--paper)}
.hero-scroll-shell .hero{background:#f5f5f0}
.header-actions .text-button,.menu-button{font-size:14px}
.cinematic-lettering,.cinematic-performance{display:none}
.cinematic-flow-performance{display:none;margin:0;padding:52px 20px 30px;background:var(--ink);color:var(--paper);text-align:center}.cinematic-flow-performance img{width:min(100%,650px);height:auto;margin:auto}.cinematic-flow-performance figcaption{font-size:12px;letter-spacing:.14em;margin-top:12px}
.hero-cinematic{--scene-progress:0;--scene-pull:0;--scene-reveal:0;--scene-dark:0;--scene-title:0;--scene-bust-opacity:1;--scene-decks-opacity:0;--scene-decks-radius:1;--scene-decks-scale:1.075;color:var(--ink)}
.hero-cinematic.scene-is-dark{color:var(--paper)}
.hero-cinematic:after{content:'';position:absolute;inset:0;z-index:1;background:var(--ink);opacity:var(--scene-dark);pointer-events:none}
.hero-cinematic .floating-vinyl,.hero-cinematic .ambient-colon{display:none}
.hero-cinematic .hero-rings{opacity:.10}
.hero-cinematic .hero-grid{opacity:.20}
.hero-cinematic .hero-wordmark{display:none}
.hero-cinematic .hero-wordmark img{opacity:.17}
.hero-cinematic .cinematic-lettering{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.cinematic-artist{position:absolute;top:20%;left:50%;font-family:var(--display);font-size:clamp(280px,43vw,720px);letter-spacing:-.045em;line-height:.85;white-space:nowrap;opacity:calc(.055*(1 - var(--scene-reveal)));transform:translate(calc(-50% - var(--scene-title)*9vw),calc(var(--scene-pull)*-70px))}
.cinematic-moment{position:absolute;left:5%;top:28%;width:95%;font-family:var(--display);font-size:clamp(100px,19vw,340px);line-height:.92;letter-spacing:-.04em;opacity:calc(var(--scene-reveal)*.20);transform:translate(calc(var(--scene-title)*-7vw),calc(65px - var(--scene-title)*100px));transform-origin:50% 50%}
.cinematic-moment em{font-size:.82em;letter-spacing:-.065em}
.hero-cinematic .hero-portrait{z-index:4;width:min(86vw,930px,calc(100svh + 130px));top:98px;bottom:auto;max-height:none;transform:translate(calc(-50% + var(--pointer-x)*8px),calc(var(--scene-pull)*-26px + var(--pointer-y)*5px)) scale(calc(1 - var(--scene-pull)*.30));transform-origin:50% 20%;opacity:var(--scene-bust-opacity)}
.hero-cinematic .portrait-reveal-shell{animation:none!important;clip-path:none!important;-webkit-mask-image:linear-gradient(to bottom,#000 0 66%,transparent 100%),radial-gradient(ellipse 80% 68% at 50% 35%,#000 69%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0 66%,transparent 100%),radial-gradient(ellipse 80% 68% at 50% 35%,#000 69%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.hero-cinematic .portrait-depth{transform:translateY(calc(var(--portrait-float)*5px)) rotateX(calc(var(--pointer-y)*-3deg)) rotateY(calc(var(--pointer-x)*5deg))}
.hero-cinematic .cinematic-performance{display:block;position:absolute;z-index:3;left:50%;bottom:20px;width:min(73vw,1020px,calc(100svh - 100px));aspect-ratio:1;pointer-events:none;opacity:var(--scene-decks-opacity);clip-path:ellipse(calc(var(--scene-decks-radius)*1%) calc(var(--scene-decks-radius)*.80%) at 53% 67%);transform:translateX(-50%) scale(var(--scene-decks-scale));transform-origin:50% 68%;will-change:opacity,transform,clip-path}
.cinematic-performance img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 35px rgba(0,0,0,.20))}
.cinematic-flow-media{position:relative;width:min(100%,650px);aspect-ratio:1;margin:auto;isolation:isolate}
.cinematic-flow-media>img{width:100%;height:100%;object-fit:contain}
.hero-cinematic .cinematic-performance{mix-blend-mode:screen}
.cinematic-scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse farthest-side at 50% 50%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse farthest-side at 50% 50%,#000 78%,transparent 100%)}
.cinematic-performance>img,.cinematic-flow-media>img{transition:opacity .55s}
.cinematic-performance.is-video-playing>.cinematic-scene-video,.cinematic-flow-performance.is-video-playing .cinematic-scene-video{opacity:1;transition:opacity .55s}
.cinematic-performance.is-video-playing>img,.cinematic-flow-performance.is-video-playing .cinematic-flow-media>img{opacity:0;transition:none}
.hero-cinematic .hero-note{top:auto;bottom:128px;left:42px;max-width:260px;background:none;padding:0;z-index:6}
.hero-cinematic .hero-note h1{font-size:clamp(36px,3.7vw,58px);transform:translateY(calc(var(--scene-pull)*-16px));margin-top:15px}
.hero-cinematic .hero-note .eyebrow{font-size:9px}
.hero-cinematic .hero-aside{top:auto;bottom:136px;right:42px;left:auto;width:185px;background:none;padding:0;z-index:6}
.hero-cinematic .hero-aside p{font-size:14px;line-height:1.5;margin:16px 0 20px}
.hero-cinematic .hero-actions{align-items:stretch}
.hero-cinematic .hero-aside .pill-button{border:1px solid rgba(237,233,223,.45);min-height:46px}
.hero-cinematic .hero-bottom{z-index:7;bottom:22px}
.hero-cinematic .motion-toggle{font-size:12px;min-height:44px}
.hero-cinematic .hero-bottom>span,.hero-cinematic .motion-toggle{background:none;color:inherit}
.hero-cinematic.scene-is-dark .hero-note,.hero-cinematic.scene-is-dark .hero-aside{background:rgba(21,24,18,.86);padding:14px 16px;color:var(--paper)}
.hero-cinematic.scene-is-dark .hero-aside{width:217px}
.hero-cinematic.scene-is-dark .hero-bottom>span,.hero-cinematic.scene-is-dark .motion-toggle{background:rgba(21,24,18,.86);padding:8px 10px}
@media(min-width:761px) and (min-height:620px){
  .hero-scroll-shell.scene-enabled{height:185svh}
  .hero-scroll-shell.scene-enabled>.hero{position:sticky;top:0;height:100svh;min-height:0}
}
@media(min-width:761px) and (max-width:1100px){
  .hero-cinematic .hero-portrait{width:min(100vw,930px,calc(100svh + 120px))}
  .hero-cinematic .hero-note{left:30px;max-width:210px;bottom:114px}
  .hero-cinematic .hero-note h1{font-size:40px}
  .hero-cinematic .hero-aside{right:30px;width:160px;bottom:122px}
  .hero-cinematic .hero-aside p{font-size:12px}
  .hero-cinematic .cinematic-performance{width:min(91vw,calc(100svh - 120px))}
}
@media(max-width:760px){
  .cinematic-flow-performance{display:block}
  .hero-scroll-shell.scene-enabled{height:auto}
  .hero-scroll-shell.scene-enabled>.hero{position:relative;height:100svh;min-height:800px}
  .hero-cinematic .hero-portrait{width:min(142vw,640px);top:228px;bottom:auto;transform:translateX(-50%);opacity:1}
  .hero-cinematic .portrait-depth{transform:translateY(calc(var(--portrait-float)*4px))}
  .hero-cinematic .hero-note{top:118px;bottom:auto;left:20px;max-width:76%}
  .hero-cinematic .hero-note h1{font-size:32px;margin-top:12px;transform:none}
  .hero-cinematic .hero-note .eyebrow{font-size:7px}
  .hero-cinematic .hero-aside{top:auto;bottom:64px;left:20px;right:20px;width:auto;display:flex;gap:15px;align-items:center}
  .hero-cinematic .hero-aside p{font-size:11px;margin:0;flex:1;max-width:135px}
  .hero-cinematic .hero-actions{gap:8px;flex-direction:row}
  .hero-cinematic .hero-aside .pill-button{padding:11px 13px;font-size:14px;min-height:46px}
  .hero-cinematic .hero-aside>.eyebrow{display:none}
  .hero-cinematic .hero-wordmark{top:31%;width:132vw}
  .cinematic-artist{top:34%;font-size:130vw;opacity:.09;transform:translateX(-50%)}
  .hero-cinematic .cinematic-performance,.cinematic-moment{display:none}
  .hero-cinematic .hero-bottom{bottom:17px}
}
@media(max-width:380px){
  .hero-scroll-shell.scene-enabled>.hero{min-height:760px}
  .hero-cinematic .hero-portrait{width:142vw;top:220px;bottom:auto}
  .hero-cinematic .hero-aside{left:16px;right:16px;gap:10px}
  .hero-cinematic .hero-aside p{font-size:10px;max-width:105px}
  .hero-cinematic .hero-aside .pill-button{padding:10px 11px}
}
@media(max-height:619px) and (min-width:761px){
  .cinematic-flow-performance{display:block}
  .hero-scroll-shell.scene-enabled{height:auto}
  .hero-scroll-shell.scene-enabled>.hero{position:relative;height:660px;min-height:660px}
  .hero-cinematic .hero-portrait{width:min(68vw,670px);top:90px;bottom:auto}
  .hero-cinematic .hero-note{left:24px;bottom:120px;max-width:22%}
  .hero-cinematic .hero-note h1{font-size:34px}
  .hero-cinematic .hero-aside{right:24px;width:150px;bottom:116px}
  .hero-cinematic .cinematic-performance{display:none}
}
.reduce-motion .hero-scroll-shell.scene-enabled{height:auto}
.reduce-motion .cinematic-flow-performance{display:block}
.reduce-motion .hero-scroll-shell.scene-enabled>.hero{position:relative}
.reduce-motion .hero-cinematic .hero-portrait{transform:translateX(-50%);opacity:1;will-change:auto}
.reduce-motion .hero-cinematic .cinematic-performance{display:none}
.reduce-motion .hero-cinematic .cinematic-moment{display:none}
.reduce-motion .hero-cinematic .portrait-depth{transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){
  html:not(.motion-explicit) .cinematic-flow-performance{display:block}
  html:not(.motion-explicit) .hero-scroll-shell.scene-enabled{height:auto}
  html:not(.motion-explicit) .hero-scroll-shell.scene-enabled>.hero{position:relative}
  html:not(.motion-explicit) .hero-cinematic .hero-portrait{transform:translateX(-50%);opacity:1;will-change:auto}
  html:not(.motion-explicit) .hero-cinematic .cinematic-performance{display:none}
  html:not(.motion-explicit) .hero-cinematic .cinematic-moment{display:none}
}
@media print{
  .cinematic-flow-performance{display:block}
  .hero-scroll-shell.scene-enabled{height:auto}
  .hero-scroll-shell.scene-enabled>.hero{position:relative;height:800px}
  .hero-cinematic .hero-portrait{transform:translateX(-50%);opacity:1}
  .hero-cinematic .cinematic-performance{display:none}
}