/* Readable controls and the shared FinMotors site navigation. */
.header-services{font-size:16px;font-weight:500;gap:12px;color:rgb(var(--ink))}
.header .paint-toggle,.tour-toggle{font-size:13px}
.paint-heading,.loader{font-size:12px}
.menu-toggle{font-size:12px}
.header-label{font-size:12px;color:rgba(var(--ink),.9)}
.header-label b{font-size:12px;color:rgba(var(--ink),.8);letter-spacing:.02em}
.eyebrow,.service-editorial .eyebrow{font-size:12px;color:rgba(var(--ink),.86);letter-spacing:.07em}
.editorial .intro,.service-editorial .intro{font-size:15px;line-height:1.6;color:rgba(var(--ink),.88)}
.service-price>span{font-size:18px;font-weight:500;line-height:1.45;color:rgb(var(--ink))}
.service-price strong{font-size:clamp(32px,3.1vw,46px);font-weight:500;letter-spacing:-.035em}
.service-price small{font-size:13px;line-height:1.5;color:rgba(var(--ink),.86)}
.service-action,.text-action,.primary-action{font-size:14px;min-height:48px;line-height:1.45}
.service-scope summary{font-size:16px;min-height:48px;color:rgba(var(--ink),.92)}
.service-scope .service-list li{font-size:16px;line-height:1.6;color:rgba(var(--ink),.92);padding:4px 0}
.service-scope .service-list li:before{font-size:13px;color:rgba(var(--ink),.75)}
.final-note{font-size:12px;color:rgba(var(--ink),.82)}
.atelier-index{font-size:12px;color:rgba(var(--ink),.82)}
.atelier-index small{font-size:12px;color:rgba(var(--ink),.78)}
.shot-number{font-size:14px;color:rgba(var(--ink),.84)}
.detail-tag{font-size:12px;letter-spacing:.04em}
.scroll-prompt{font-size:12px;letter-spacing:.03em;color:rgba(var(--ink),.92)}
/* Every label stays visible. The rail scrolls instead of compressing type. */
.chapters{justify-content:flex-start;gap:18px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-padding-inline:8px;padding:4px 2px;mask-image:none;-webkit-mask-image:none;overscroll-behavior-x:contain}
.chapters::-webkit-scrollbar{display:none}
.chapters button,.chapters button[aria-current=step]{flex:0 0 auto;min-width:65px;min-height:56px;padding:8px 4px 12px;gap:6px;align-items:center;justify-content:center;color:rgba(var(--ink),.86)}
.chapters span,.chapters b{font-size:14px;line-height:1.25;letter-spacing:0}
.chapters b{display:block;font-weight:400;color:inherit;white-space:nowrap}
.chapters button[aria-current=step]{color:rgb(var(--ink))}
.chapters button[aria-current=step] b{font-weight:600}
.chapters button[aria-current=step] span{color:rgb(var(--ink))}
.chapters button:focus-visible{outline-offset:-2px}
.chapters i{background:rgba(var(--ink),.42)}
.services-topline,.services .eyebrow,.brochure-list small{font-size:12px;color:#465c6b;letter-spacing:.06em}
.services-intro>p:not(.eyebrow),.brochure-list p{font-size:16px;line-height:1.7;color:#435967}
.services .text-action{font-size:15px;min-height:48px}
.brochure-list h3{font-size:clamp(28px,2.5vw,38px)}
.end-strip>span{font-size:13px;color:#b2c1cf}
.end-strip button{font-size:14px}
/* Plain links keep page navigation distinct from the car's scene controls. */
#menu{padding:28px 6% max(32px,env(safe-area-inset-bottom));scrollbar-gutter:stable;scroll-padding-top:100px}
#menu .menu-header{position:sticky;top:0;z-index:2;padding:14px 0;background:var(--atelier-graphite);margin:-14px 0 30px;border-bottom:1px solid #e8edf226}
#menu .menu-close{font-size:13px;letter-spacing:.04em;min-width:116px;min-height:48px;gap:16px}
#menu-title{font-size:16px;font-weight:400;line-height:1.5;letter-spacing:.02em;color:#aab9c9;margin:0 0 18px}
.menu-primary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:9%;max-width:1140px}
.menu-primary a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:13px 0;border-bottom:1px solid #e8edf226;font-size:clamp(20px,1.8vw,26px);font-weight:400;line-height:1.3;letter-spacing:-.025em;color:#e8edf2}
.menu-primary a>span{flex-shrink:0;font-size:20px;color:#a5b6ca}
.menu-primary a:hover,.menu-primary a:hover>span{color:#9dc4ff}
.menu-scenes{margin-top:36px;border-top:1px solid #e8edf247;max-width:1140px}
.menu-scenes>summary{display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none;min-height:64px;font-size:20px;line-height:1.4;color:#e8edf2}
.menu-scenes>summary::-webkit-details-marker{display:none}
.menu-scenes>summary small{font-size:13px;color:#aab9c9;font-weight:400;white-space:nowrap}
.menu-scenes>summary>span{margin-left:auto;font-size:26px;line-height:1;color:#9dc4ff;transition:transform .2s}
.menu-scenes[open]>summary>span{transform:rotate(45deg)}
.menu-scenes .menu-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:9%;padding-bottom:8px}
.menu-scenes .menu-links button{min-height:48px;padding:11px 0;font-size:17px;line-height:1.4;letter-spacing:0;gap:16px;color:#e8edf2}
.menu-scenes .menu-links small{font-size:14px;min-width:24px;color:#a8caff}
.menu-scenes .menu-links span{font-size:17px;color:#a5b6ca}
#menu .model-credit{font-size:12px;line-height:1.7;color:#aab9c9;opacity:1;margin-top:32px;max-width:800px}
#menu .model-credit a{color:#c2d5eb;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){
 .header-label{display:none}.header-actions{gap:20px}.scroll-prompt{display:none}
 .scene-footer{gap:0}.chapters{gap:16px}
 .service-price>span{font-size:17px}
}
@media(max-width:760px){
 html{scrollbar-gutter:auto}
 .header{padding-inline:5%;gap:6px}.header>.logo{flex-shrink:0}.header>.logo img{width:clamp(80px,calc(100vw - 256px),134px);max-height:48px}
 .header-actions{gap:2px;flex-shrink:0}
 .header-services{display:inline-flex;justify-content:center;min-width:64px;min-height:44px;padding:8px 4px;font-size:14px;line-height:1.2;border-bottom:1px solid rgba(var(--ink),.5)}
 .header-services>span{display:none}
 .header .paint-toggle{width:44px;min-width:44px;min-height:44px;padding:3px 2px;gap:2px;flex-direction:column;font-size:12px;line-height:1.2}
 .tour-toggle{width:44px;min-width:44px;height:44px;justify-content:center}.tour-label{display:none}
 .menu-toggle{width:44px;min-width:44px;height:44px}.menu-toggle>span{display:none}.menu-toggle i{right:8px}
 .eyebrow,.service-editorial .eyebrow,.editorial-first .eyebrow{font-size:12px;line-height:1.4;letter-spacing:.04em}
 .editorial .intro,.editorial-third .intro,.editorial-first .intro{font-size:13px;line-height:1.55}
 .service-price>span{font-size:16px;line-height:1.45;max-width:none;min-width:0;overflow-wrap:anywhere}
 .service-price strong{font-size:32px;line-height:1.15}
 .service-price small{font-size:13px;line-height:1.45}
 .service-price.on-request strong{font-size:23px}
 .service-action,.text-action,.editorial-first .text-action,.primary-action{font-size:13px;min-height:44px}
 .service-scope summary{font-size:15px;min-height:44px}
 .service-scope .service-list li{font-size:15px;line-height:1.55;padding:4px 0}
 .final-note{font-size:12px}.shot-number{font-size:14px}.detail-tag{font-size:12px}
 .chapters{gap:16px;padding-right:7%;scroll-padding-inline:12px}
 .chapters button,.chapters button[aria-current=step]{min-width:66px;min-height:56px;flex:0 0 auto;padding:8px 3px 12px}
 .chapters span,.chapters b{font-size:14px}
 .services-topline,.services .eyebrow,.brochure-list small{font-size:12px;letter-spacing:.025em}
 .services-intro>p:not(.eyebrow),.brochure-list p{font-size:15px;line-height:1.65}
 .services .text-action{font-size:14px}.brochure-list h3{font-size:29px}
 .end-strip>span{font-size:12px}.end-strip button{font-size:14px}
 #menu{padding:calc(14px + env(safe-area-inset-top)) 7% max(28px,env(safe-area-inset-bottom));scroll-padding-top:90px}
 #menu .menu-header{top:0;padding:12px 0;margin:-2px 0 25px}
 #menu .menu-header .logo img{width:145px;max-height:52px}
 #menu .menu-close{font-size:12px;min-width:104px;gap:12px}
 #menu-title{font-size:15px;margin-bottom:12px}
 .menu-primary{grid-template-columns:minmax(0,1fr)}
 .menu-primary a{font-size:22px;min-height:54px;padding:13px 0}
 .menu-scenes{margin-top:28px}
 .menu-scenes>summary{font-size:18px;gap:12px;min-height:64px}
 .menu-scenes>summary small{font-size:12px}
 .menu-scenes .menu-links{grid-template-columns:minmax(0,1fr)}
 .menu-scenes .menu-links button{font-size:17px;min-height:48px}
 #menu .model-credit{font-size:12px;margin-top:28px}
}
@media(max-height:550px){
 .header-services{font-size:14px}.header .paint-toggle,.tour-toggle{font-size:12px}
 .eyebrow,.service-editorial .eyebrow{font-size:12px;letter-spacing:.03em}
 .editorial .intro{font-size:13px}
 .service-price>span{font-size:16px}.service-price small{font-size:13px}
 .service-price strong{font-size:28px}.service-price.on-request strong{font-size:23px}
 .service-action,.text-action,.primary-action{font-size:13px;min-height:44px}
 .service-scope summary{font-size:15px;min-height:44px}.service-scope .service-list li{font-size:15px}
 .final-note{font-size:12px}.shot-number,.chapters span,.chapters b{font-size:14px}
 .chapters button,.chapters button[aria-current=step]{min-height:48px;padding:5px 3px 9px;gap:3px}
 .scene-footer{bottom:10px}
 #menu .menu-header{margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce){.menu-scenes>summary>span{transition:none}}
/* Stable reading contrast against actual 3D metal, independent of reflections. */
.stage[data-physical-rooms=true] .header{background:linear-gradient(180deg,rgba(var(--reading-rgb,0,0,0),.62),transparent)}
.stage[data-physical-rooms=true] .scene-footer{isolation:isolate;text-shadow:0 1px 5px rgba(var(--reading-rgb,0,0,0),.75)}
.stage[data-physical-rooms=true] .scene-footer:before{content:'';position:absolute;z-index:-1;inset:-24px -8vw -45px;pointer-events:none;background:linear-gradient(0deg,rgba(var(--reading-rgb,0,0,0),.72),transparent)}
.stage[data-physical-rooms=true] .editorial{text-shadow:0 1px 9px rgba(var(--reading-rgb,0,0,0),.7)}
.stage[data-physical-rooms=true] .service-editorial{background:linear-gradient(90deg,rgba(var(--reading-rgb,0,0,0),.52),transparent);border-radius:4px}