/* V23: progressive visibility and touch layout, including static HTML viewers. */
.reveal{opacity:1!important;transform:none!important}
.hero-copy{pointer-events:auto}
.btf-open-note{margin:76px 0 0;padding:16px 24px;background:#25342b;color:#e8f0df;font-size:14px;line-height:1.55;border-bottom:1px solid #536850}
.btf-open-note strong{display:block;margin-bottom:4px}.btf-ui-ready .btf-open-note{display:none}
.btf-poster{position:absolute;inset:0;z-index:1;pointer-events:none;margin:0;display:grid;align-items:center;justify-items:center;overflow:hidden}
.btf-poster img{display:block;width:100%;height:100%;object-fit:contain;opacity:.94}
.btf-poster img[hidden]{display:none!important}
.btf-poster figcaption{position:absolute;bottom:46px;left:20px;right:20px;color:#c9dcde;font-size:10px;letter-spacing:.08em;text-align:center}
.btf-rendered>.btf-poster{display:none}.btf-rendered canvas{visibility:visible!important}
.btf-graphics-pending canvas{visibility:hidden}.hero-fallback-art,.showroom-fallback-art{display:none!important}
.hero-stage:before,.hero-stage:after,.experience-frame:before,.experience-frame:after,.journey-grid,.journey-aura,.journey-vignette,.journey-cut,.v8-view-wipe{pointer-events:none!important}
.btf-ui-ready .journey-content{pointer-events:auto}
html:not(.btf-ui-ready) .journey-sticky{position:relative;top:auto;height:420px;min-height:0}
html:not(.btf-ui-ready) .journey-steps{margin-top:0;pointer-events:auto}
html:not(.btf-ui-ready) .journey-step{height:auto;min-height:0;padding:40px max(24px,6vw)}
html:not(.btf-ui-ready) .journey-content{opacity:1;filter:none;transform:none;width:100%;max-width:740px}
html:not(.btf-ui-ready) .journey-render canvas{display:none!important}
dialog.btf-dialog-fallback:not([open]){display:none}
dialog.btf-dialog-fallback[open]{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:500;display:block;margin:0;outline:100vmax solid rgba(2,8,12,.8);max-height:calc(100vh - 40px)}
@media(max-width:850px){
 html{scroll-padding-top:88px;-webkit-text-size-adjust:100%}
 .nav{height:72px!important;z-index:110}
 .nav-links{top:72px!important;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain;z-index:111}
 .nav-links a,.menu-toggle{min-height:44px!important}
 button,a,input{touch-action:manipulation}
 .hero-copy,.journey-content,.v22-showroom-panel{pointer-events:auto!important}
 .hero-stage,body[data-edition='mobile'] .hero-stage{height:390px!important;min-height:0!important}
 .hero h1{font-size:clamp(62px,16.4vw,114px)!important;overflow-wrap:normal}
 .stage-chip-b{display:none}.hero-stage canvas{filter:none!important}
 .journey-content{opacity:1!important;filter:none!important;transform:none!important}
 .journey-cta{min-height:48px;padding:14px 18px}.journey-meta span{font-size:10px}
 .journey-deck,.experience-current p,.v8-inspection p{font-size:14px!important;line-height:1.55!important}
 .journey-content h2{font-size:clamp(42px,11.5vw,70px)}
 .experience-frame,body[data-edition='mobile'] .experience-frame{height:360px!important;width:calc(100% - 32px);min-height:0!important}
 .experience-v2{padding-left:0!important;padding-right:0!important}
 .experience-heading{padding-inline:20px}.experience-kicker{margin-inline:20px}
 .v22-showroom-panel,.experience-scenes,.v21-material-strip{width:calc(100% - 32px)!important}
 .v22-showroom-panel{padding:22px 18px;gap:20px}
 .v22-showroom-panel .experience-bottom{align-items:flex-start;gap:12px}
 .experience-current{min-width:0;flex:1}.experience-arrows{flex-shrink:0}
 .experience-arrows button,body[data-edition='mobile'] .experience-arrows button{width:44px!important;height:44px!important;min-width:44px!important}
 .v8-inspection-rail small,.experience-scenes button small{font-size:11px!important;white-space:normal}
 .v8-focus-btn,body[data-edition='mobile'] .v8-focus-btn{min-height:60px!important;padding:10px 6px!important}
 .v21-material-strip button,#v8-reset-camera{min-height:44px!important}
 .v8-inspection-footer{flex-wrap:wrap;gap:8px}.v8-inspection h4{overflow-wrap:anywhere}
 .section-wrap{width:calc(100% - 40px)}
 .range-row input[type='range']{min-height:44px;touch-action:pan-x}
 .project-dialog,.brief-dialog,#v9-brief-dialog,#v7-graphics-dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:30px 22px;overscroll-behavior:contain}
 .dialog-close,#v9-brief-close{min-width:44px;min-height:44px}
 .btf-prelude{height:100%;height:100dvh}
 .btf-prelude-top{top:calc(12px + env(safe-area-inset-top,0px));left:18px;right:18px;padding-top:0!important}
 .btf-prelude-identity small,.btf-prelude-top-rule{display:none}
 .btf-prelude-identity{gap:8px}.btf-prelude-identity strong{font-size:9px}
 .btf-prelude-skip{min-height:44px;padding:10px 12px}
 .btf-prelude-bottom{bottom:calc(12px + env(safe-area-inset-bottom,0px));left:18px;right:18px;gap:12px;padding-bottom:0!important}
 .btf-prelude-timeline{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
 .btf-prelude-timeline button{min-height:44px;gap:7px}.btf-prelude-timeline button small{font-size:7px;letter-spacing:0}
 .btf-prelude-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-top:8px}
 .btf-prelude-controls .btf-prelude-time{grid-column:1/-1}
 .btf-prelude-controls button{min-height:44px;padding:8px 2px;font-size:9px;letter-spacing:0;white-space:normal}
 .btf-prelude-copy{bottom:190px!important;left:22px;right:22px;max-height:39%;overflow:auto}
 .btf-prelude-copy h2{font-size:clamp(36px,10.5vw,57px);margin:12px 0}
 .btf-prelude-caption{margin-top:12px;font-size:8px}.btf-prelude-copy p{font-size:13px}
 .v17-mobile-dock{z-index:96;backdrop-filter:none}
 .v17-mobile-dock.is-suppressed{visibility:hidden;pointer-events:none}
}
@media(max-width:370px){
 .hero-actions{grid-template-columns:1fr!important}.hero-stage,body[data-edition='mobile'] .hero-stage{height:340px!important}
 .stage-chip-a{display:none}.experience-frame,body[data-edition='mobile'] .experience-frame{height:325px!important}
 .experience-current h3,body[data-edition='mobile'] .experience-current h3{font-size:18px!important}
 .v22-showroom-panel .v8-inspection-rail,body[data-edition='mobile'] .v22-showroom-panel .v8-inspection-rail{grid-template-columns:1fr!important}.v22-showroom-panel .v8-focus-btn,body[data-edition='mobile'] .v22-showroom-panel .v8-focus-btn{flex-direction:row!important;justify-content:flex-start!important}
}
@media(max-height:600px) and (max-width:850px){
 .btf-prelude-copy{left:20px;right:auto;width:46%;bottom:150px!important;max-height:50%}
 .btf-prelude-copy h2{font-size:31px}.btf-prelude-caption{display:none}
 .btf-prelude-bottom{gap:5px}.btf-prelude-timeline button small{display:none}
 .btf-prelude-controls{display:flex;gap:12px;padding-top:4px}.btf-prelude-controls .btf-prelude-time{flex-basis:auto;font-size:9px}
 .btf-prelude-top{top:8px}.btf-prelude-timeline button{min-height:36px}
}
