/* Cinema / lake palette. Static backgrounds; existing vehicle pixels are never altered. */
body.cs-cinema-theme{--cs-lake:#12252c;--cs-night:#0e1b22;--cs-stone:var(--paper,#f0eee7);background-color:var(--cs-night);background-image:radial-gradient(ellipse at 0% 12%,#31565145,transparent 48%),radial-gradient(ellipse at 100% 58%,#294b5342,transparent 53%),linear-gradient(180deg,#101c23,#142b31 40%,#112027 82%,#0d191e);color:#eeeade}
.cs-cinema-theme .site-header{background:#101c23f5;border-color:#ffffff17}
/* A single first screen, no long scroll area, no pinned first-screen trap. */
.cs-cinema-theme #story{height:auto;min-height:0;background:transparent;position:relative}
.cs-cinema-theme #stage{position:relative;top:auto;display:block;height:calc(100svh - var(--nav-height,78px));min-height:520px;max-height:none;padding:0;overflow:hidden;background:#111b20;--copy-opacity:1}
.cs-cinema-theme #stage .scene-visual{position:absolute;inset:0;top:0;width:100%;height:100%;min-height:0;margin:0;padding:0;aspect-ratio:auto;transform:none;border:0}
.cs-cinema-theme #stage video.scene-canvas,.cs-cinema-theme #stage .scene-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important;max-width:none;background:#111b20}
.cs-cinema-theme #stage video.scene-canvas{opacity:0;pointer-events:none}
.cs-cinema-theme #stage video.scene-canvas.ready{opacity:1}
.cs-cinema-theme #stage .hero-copy{opacity:1;pointer-events:auto}
.cs-cinema-theme #stage .scene-shade{opacity:1;pointer-events:none}
.cs-cinema-theme #stage .hero-meta{opacity:1}
.cs-cinema-theme .scene-scroll-hint{left:var(--gutter,40px);right:auto;bottom:26px;z-index:6;opacity:1;pointer-events:auto;color:#e0d4bc;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.cs-cinema-controls{position:absolute;right:var(--gutter,40px);bottom:25px;display:flex;align-items:center;gap:8px;z-index:7}
.cs-cinema-controls button{min-height:44px;padding:10px 16px;border:1px solid #c9bfaa66;border-radius:3px;font:400 11px/1.4 system-ui,-apple-system,sans-serif;color:#f1e6d4;background:#14262bd9;cursor:pointer;white-space:nowrap}
.cs-cinema-controls button:hover{background:#243d43}.cs-cinema-controls button:focus-visible,.scene-scroll-hint:focus-visible{outline:2px solid var(--accent,#d9bb91);outline-offset:4px}
.cs-cinema-theme #stage .scene-feedback{bottom:80px;right:var(--gutter,40px);max-width:300px}
/* Route and steps belong to one landscape. Their existing SVG/progress engines stay intact. */
.cs-cinema-theme #cs-route{background:transparent;border-top:1px solid #caba9730;border-bottom:1px solid #caba9720}
.cs-cinema-theme #cs-route .cs-route-graph{margin-bottom:65px}
.cs-cinema-theme .cs-border-wait{display:block;margin-top:11px;color:#e2c49b!important;font-size:12px!important;line-height:1.55!important;font-weight:500;letter-spacing:.1px;max-width:310px}
.cs-cinema-theme #order-process.cs-journey-installed{background:transparent;border:0}
.cs-cinema-theme .cs-five-steps{background:transparent}
.cs-cinema-theme .cs-steps-sticky{background:linear-gradient(130deg,#172d32,#102128 80%)}
.cs-cinema-theme .cs-step-days{color:var(--accent,#d9bb91)}
.cs-cinema-theme .faq-section{color:#e9e8dc;border-color:#a9b8ae30}
.cs-cinema-theme .faq-list details{border-color:#a9b8ae38}.cs-cinema-theme .faq-list p{color:#b5c4bd}.cs-cinema-theme .faq-list summary{color:#e2e8df}
/* Light content islands keep catalogue photographs and pricing readable. */
.cs-cinema-theme #catalog{box-sizing:border-box;width:calc(100% - 2 * var(--gutter,40px));max-width:1416px;margin:48px auto 0;padding:56px clamp(22px,4vw,60px) 60px;background:var(--paper,#f0eee7);border:1px solid #e5e2d650;border-radius:8px;box-shadow:0 20px 50px #06101618}
.cs-cinema-theme #cs-handovers{box-sizing:border-box;width:calc(100% - 2 * var(--gutter,40px));max-width:1416px;margin:36px auto 58px;padding:54px clamp(22px,4vw,60px) 60px;border-radius:8px;background:var(--paper,#f0eee7);border:1px solid #e5e2d650}
.cs-cinema-theme .site-footer{background:transparent;border-color:#b0b8a62d}
.cs-cinema-theme.catalog-only #catalog{margin-top:35px}
.cs-cinema-theme.catalog-only #story{display:none}
@media(max-width:760px){
 .cs-cinema-theme #stage{height:calc(100svh - var(--nav-height,68px));min-height:550px;max-height:920px}
 .cs-cinema-theme #stage .scene-visual{inset:auto 0;top:46%;height:auto;width:100%;aspect-ratio:16/10;transform:none}
 .cs-cinema-theme #stage .hero-copy{top:68px;left:22px;right:22px;bottom:auto}
 .cs-cinema-theme #stage .hero-copy h1{font-size:clamp(35px,10.5vw,47px);line-height:1.02}
 .cs-cinema-theme .scene-scroll-hint{left:22px;bottom:16px;font-size:9px;letter-spacing:.2px}
 .cs-cinema-controls{right:22px;bottom:16px}.cs-cinema-controls button{font-size:10px;padding:9px 12px;max-width:190px;white-space:normal}
 .cs-cinema-theme #stage .scene-feedback{bottom:78px;left:18px;right:18px;font-size:10px}
 .cs-cinema-theme #cs-route .cs-route-graph{margin-bottom:42px}
 .cs-cinema-theme .cs-stop-border{max-width:70%}
 .cs-cinema-theme .cs-border-wait{margin-top:8px;font-size:10px!important;max-width:220px}
 .cs-cinema-theme #catalog,.cs-cinema-theme #cs-handovers{width:calc(100% - 24px);margin-left:12px;margin-right:12px;border-radius:5px;padding:34px 18px 40px}
 .cs-cinema-theme #catalog{margin-top:22px}.cs-cinema-theme #cs-handovers{margin-top:24px;margin-bottom:30px}
 .cs-cinema-theme #catalog .budget-categories{margin-right:-18px;padding-right:18px}
 .cs-cinema-theme.catalog-only #catalog{margin-top:16px}
}
@media(max-width:760px) and (max-height:670px){
 .cs-cinema-theme #stage{min-height:460px}.cs-cinema-theme #stage .hero-copy{top:54px}
 .cs-cinema-theme #stage .hero-copy h1{font-size:35px}.cs-cinema-theme #stage .hero-copy p{display:none}
 .cs-cinema-theme #stage .scene-visual{top:45%}.cs-cinema-theme .scene-scroll-hint{bottom:8px}.cs-cinema-controls{bottom:8px}
}
@media(min-width:761px) and (max-height:560px){
 .cs-cinema-theme #stage{height:calc(100svh - var(--nav-height,68px));min-height:290px}
 .cs-cinema-theme #stage .hero-copy{bottom:68px}.cs-cinema-theme #stage .hero-copy h1{font-size:35px}
 .cs-cinema-controls,.cs-cinema-theme .scene-scroll-hint{bottom:10px}
}
@media(prefers-reduced-motion:reduce){.cs-cinema-theme #story{height:auto}.cs-cinema-theme #stage{position:relative;top:auto}.cs-cinema-controls button{transition:none}}
/* A horizontal film cannot fill a portrait screen without losing the car.
   Keep the entire frame edge-to-edge and remove the old empty vertical zones. */
@media(max-width:760px),(max-width:1024px) and (orientation:portrait){
 .cs-cinema-theme #stage{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding:0 0 72px}
 .cs-cinema-theme #stage .hero-copy{position:relative;inset:auto;order:1;max-width:none;margin:64px 22px 24px}
 .cs-cinema-theme #stage .hero-copy h1{font-size:clamp(35px,10.5vw,47px);line-height:1.05}
 .cs-cinema-theme #stage .scene-visual{position:relative;inset:auto;order:2;flex:none;width:100%;height:auto;min-height:0;aspect-ratio:16/9;transform:none}
 .cs-cinema-theme #stage .scene-shade{display:none}
 .cs-cinema-theme #stage video.scene-canvas,.cs-cinema-theme #stage .scene-poster{object-fit:contain!important}
 .cs-cinema-theme #stage .hero-meta{left:22px;right:22px}
 .cs-cinema-theme .scene-scroll-hint{left:22px;bottom:14px}
 .cs-cinema-controls{right:22px;bottom:14px}
 .cs-cinema-theme #stage .scene-feedback{bottom:74px;left:22px;right:22px}
}