.cinematic-hero.page-hero{isolation:isolate;background:var(--background);border:0;min-height:100svh;padding:140px 6% 24px;position:relative;overflow:clip}.cinematic-hero .scene-title{z-index:3;text-align:center;position:relative}.cinematic-hero .scene-title h1{color:var(--foreground);font:600 clamp(88px, 17vw, 252px)/.87 var(--font-display), sans-serif;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;margin:0}.cinematic-hero .scene-title h2{max-width:620px;color:var(--muted);font:400 clamp(16px, 1.6vw, 22px)/1.45 var(--font-geist-sans), sans-serif;letter-spacing:-.015em;text-wrap:balance;margin:28px auto 0}.cinematic-hero .scene-visual{z-index:1;pointer-events:none;margin:48px 0;position:relative}.cinematic-hero .scene-project-stack{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:20px;display:grid}.cinematic-hero .scene-project-plate{background:var(--tile-surface);border-radius:12px;min-width:0;margin:0;overflow:hidden;box-shadow:0 24px 58px #16305724}.cinematic-hero .scene-project-image{aspect-ratio:16/10;background:#fff;position:relative}.cinematic-hero .scene-project-image img{object-fit:contain}.cinematic-hero .scene-project-plate figcaption{color:var(--foreground);font:500 17px/1.25 var(--font-condensed), sans-serif;padding:14px 18px}.cinematic-hero[data-page-scene=music] .scene-visual{height:min(62svh,620px);overflow:hidden}.trumpet-stage{position:absolute;inset:0}.cinematic-hero[data-page-scene=music]{background:radial-gradient(at 58% 51%,#dceaff 0%,#eef5ff 30%,#fff 70%)}.trumpet-canvas{opacity:0;width:100%;height:100%;transition:opacity .35s;display:block;position:absolute;inset:0}.trumpet-poster{object-fit:contain}.trumpet-stage[data-ready=true] .trumpet-poster{visibility:hidden}.trumpet-stage[data-ready=true] .trumpet-canvas{opacity:1}.cinematic-hero.is-cinematic[data-page-scene=music] .scene-title{text-align:left;z-index:0;display:block;inset:130px 6% auto}.cinematic-hero[data-page-scene=music] .scene-title h1{letter-spacing:-.035em;font-size:clamp(110px,22vw,340px)}.cinematic-hero.is-cinematic[data-page-scene=music] .scene-title h2{max-width:none;margin:20px 0 0}.cinematic-hero.is-cinematic[data-page-scene=music] .scene-visual{z-index:1}.cinematic-hero .scene-summary{z-index:4;max-width:760px;margin-top:48px;position:relative}.cinematic-hero .scene-summary-copy>p{max-width:62ch;color:var(--foreground);text-wrap:pretty;margin:0;font-size:clamp(18px,1.7vw,23px);line-height:1.5}.scene-arrival-title{color:var(--foreground);font:600 clamp(48px, 6.8vw, 96px)/.95 var(--font-display), sans-serif;letter-spacing:-.025em;margin:0 0 32px}.cinematic-hero.is-cinematic .scene-arrival{z-index:2;background:var(--background);opacity:var(--portal-reveal,0);clip-path:circle(var(--bell-radius,var(--fallback-aperture,0px)) at var(--bell-x,50%) var(--bell-y,50%));align-items:center;padding:120px 6% 100px;display:grid;position:absolute;inset:0}.cinematic-hero.is-cinematic[data-page-scene=music] .scene-summary{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);width:100%;max-width:1240px;margin:0 auto;display:grid;position:relative;inset:auto}.cinematic-hero.is-cinematic .scene-arrival-title{margin:0}.music-model-credit{color:var(--muted);margin:0;padding:0 0 40px;font-size:12px;line-height:1.7}.music-model-credit a{color:inherit;text-underline-offset:3px}.music-model-credit a:hover{color:var(--foreground)}.cinematic-hero .scene-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.cinematic-hero .scene-explore-link{background:var(--accent);min-height:48px;color:var(--on-accent);font:600 18px/1.2 var(--font-condensed), sans-serif;border-radius:4px;align-items:center;gap:24px;padding:12px 20px;text-decoration:none;transition:background-color .18s;display:inline-flex}.cinematic-hero .scene-explore-link:hover{background:var(--foreground);color:#fff}.cinematic-hero .scene-cue{z-index:5;color:var(--muted);align-items:center;gap:20px;margin-top:40px;font-size:12px;line-height:1.4;display:flex;position:relative}.cinematic-hero .scene-cue-label,.cinematic-hero .scene-skip{align-items:center;gap:8px;display:inline-flex}.cinematic-hero .scene-track{background:var(--hairline);width:140px;height:2px;overflow:hidden}.cinematic-hero .scene-progress{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.cinematic-hero .scene-skip{min-height:44px;color:var(--foreground);margin-left:auto;text-decoration:none}.cinematic-hero .scene-skip:hover{color:var(--accent)}.cinematic-hero.page-hero.is-cinematic{height:100svh;min-height:0;padding:0}.cinematic-hero.is-cinematic .scene-project-plate:nth-child(2){z-index:2}.cinematic-hero:not(.is-cinematic) .scene-cue-label,.cinematic-hero:not(.is-cinematic) .scene-track{display:none}.cinematic-hero.is-cinematic .scene-title{flex-direction:column;justify-content:center;display:flex;position:absolute;inset:100px 6% 110px}.cinematic-hero.is-cinematic .scene-visual{border-radius:0;height:auto;margin:0;position:absolute;inset:0;overflow:visible}.cinematic-hero.is-cinematic .scene-project-stack{position:absolute;inset:22% 6% 30%}.cinematic-hero.is-cinematic .scene-summary{margin:0;position:absolute;bottom:92px;left:6%;right:6%}.cinematic-hero.is-cinematic .scene-cue{margin:0;position:absolute;bottom:24px;left:6%;right:6%}@media (max-width:767px){.cinematic-hero.is-cinematic[data-page-scene=music] .scene-title{inset:132px 24px auto}.cinematic-hero[data-page-scene=music] .scene-title h1{font-size:29vw}.cinematic-hero.is-cinematic[data-page-scene=music] .scene-title h2{max-width:24ch;margin-top:18px}.cinematic-hero.page-hero{padding:120px 24px 24px}.cinematic-hero .scene-title h1{font-size:clamp(80px,21vw,155px)}.cinematic-hero .scene-title h2{max-width:30ch;margin-top:24px;font-size:16px}.cinematic-hero .scene-project-stack{grid-template-columns:1fr;gap:16px}.cinematic-hero:not(.is-cinematic) .scene-project-plate:not(:first-child){display:none}.cinematic-hero .scene-cue{gap:12px;font-size:11px}.cinematic-hero .scene-track{width:36px}.cinematic-hero.is-cinematic .scene-title{inset:100px 24px}.cinematic-hero.is-cinematic .scene-project-stack{align-content:center;justify-items:center;gap:0;left:0;right:0}.cinematic-hero.is-cinematic .scene-project-plate{grid-area:1/1;width:min(72vw,360px)}.cinematic-hero.is-cinematic .scene-summary{bottom:88px;left:24px;right:24px}.cinematic-hero.is-cinematic .scene-summary-copy>p{font-size:18px}.cinematic-hero.is-cinematic .scene-arrival{padding:100px 24px 96px}.cinematic-hero.is-cinematic[data-page-scene=music] .scene-summary{grid-template-columns:1fr;gap:28px}.scene-arrival-title{font-size:clamp(48px,12vw,72px)}.cinematic-hero.is-cinematic .scene-cue{bottom:20px;left:24px;right:24px}}@media (max-height:720px) and (min-height:600px){.cinematic-hero.is-cinematic .scene-title h1{font-size:min(19vw,26svh)}.cinematic-hero.is-cinematic .scene-title h2{margin-top:18px}.cinematic-hero.is-cinematic .scene-summary-copy>p{font-size:16px}.cinematic-hero.is-cinematic .scene-actions{margin-top:16px}}@media (prefers-reduced-motion:reduce){.cinematic-hero .scene-cue-label,.cinematic-hero .scene-track{display:none}}@media print{.cinematic-hero.page-hero{color:#000;background:#fff;min-height:0;padding:24px 0}.cinematic-hero .scene-title{text-align:left}.cinematic-hero.page-hero[data-page-scene] .scene-title h1{color:#111;max-width:none;margin:0;font-size:44px}.cinematic-hero .scene-title h2{color:#111;margin-left:0}.cinematic-hero .scene-summary-copy>p,.cinematic-hero .scene-arrival-title{color:#111}.cinematic-hero .scene-visual,.cinematic-hero .scene-cue,.cinematic-hero .scene-actions{display:none}}
