/* Same page-turn rhythm from the showroom through the contact section. */
.paged-scene{position:relative;perspective:1700px}
.paged-scene>.wrap,.picker-scene .wrap{transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity}
.comparison .config-visual{padding:0}
.config-visual>.eyebrow{position:absolute;top:22px;left:26px;background:#ffffffcc;padding:5px 9px;z-index:1}
.comparison .config-visual img{height:100%;width:100%;padding:0;object-fit:cover;filter:none;object-position:50% 48%}
.config-visual figcaption strong{font-size:22px!important;letter-spacing:-.5px}
.comparison .config-visual figcaption{min-height:76px;padding:14px 26px;gap:16px}
.shop-routes>a{grid-template-columns:1fr 38%;padding-right:0;gap:24px}
.shop-routes img{width:100%;height:236px;object-fit:cover;align-self:stretch}
.guide-panel .guide-photo img{object-fit:cover;padding:0}
.menu-thumb,.menu-sections button[data-menu=catalog] .menu-thumb,.menu-sections button[data-menu=configurations] .menu-thumb{padding:0;object-fit:cover;object-position:center}
.menu-featured img{object-fit:cover;background:#f2f5f1;border-radius:2px}
.site-header{transition:transform .35s cubic-bezier(.22,1,.36,1)}
@media(min-width:761px){
 .paged-scene:not(.panel):not(.picker-scene):not(.site-footer){min-height:100svh;display:flex;align-items:center;padding-block:96px 80px;box-sizing:border-box}
 .picker-scene{background:#fff;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
 .picker-scene .codes-section{padding:38px 0 30px}
 .picker-scene .finder{padding:48px 0 64px}
 .picker-scene .editorial-image{height:220px;margin-top:24px}
 .step-panel,.step-panel figure,.step-panel figure img{min-height:330px;max-height:430px}
 .step-copy{padding:28px 40px}.step-copy h3{font-size:32px;margin-block:12px}.step-copy p{font-size:17px;line-height:27px}.step-copy ul{margin-block:18px}
 .step-tabs button{min-height:76px;padding-block:18px}
 .delivery-image{height:300px}.delivery-grid{row-gap:36px}
 .contact-section .cta-image{min-height:500px}.contact-section .cta-copy{padding:44px}
}
@media(min-width:761px) and (max-height:760px){
 .paged-scene:not(.panel):not(.picker-scene):not(.site-footer){padding-block:82px 56px}
 .step-panel,.step-panel figure,.step-panel figure img{min-height:310px;max-height:360px}
 .step-copy{padding:26px 32px}.step-copy h3{font-size:29px}.step-copy p{font-size:16px;line-height:25px}.step-copy ul{font-size:14px;margin-block:16px}
 .step-tabs{margin-top:24px}.step-tabs button{min-height:66px;padding-block:14px}.step-tabs strong{font-size:19px}
 .guide-panel figure,.guide-panel img{min-height:290px;max-height:330px}.guide-panel h3{font-size:30px}
 .support-section .support-story img{min-height:270px;height:270px}.delivery-image{height:260px}
}
@media(max-width:760px){
 .site-header .header-actions>a.header-cart{display:inline-flex;align-items:center;justify-content:center;width:32px;height:40px;padding:0;font-size:0;gap:0}.site-header .header-cart .icon{width:23px;height:23px}.site-header .header-actions{display:flex;margin-left:auto}
 .shop-routes>a{grid-template-columns:1fr 30%;padding:24px 0 24px 20px;gap:12px}.shop-routes img{height:100%;min-height:215px}
 .config-visual figcaption{padding:14px 20px!important}.config-visual figcaption strong{font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){.paged-scene>.wrap,.picker-scene .wrap{transform:none!important;opacity:1!important;will-change:auto}}
.reduce-motion .paged-scene>.wrap,.reduce-motion .picker-scene .wrap{transform:none!important;opacity:1!important;will-change:auto}

.logo .brand-logo{display:block;width:232px;height:auto;max-width:none}.footer-logo .brand-logo{width:320px;height:auto;display:block}.menu-header .logo .brand-logo{width:250px}@media(max-width:1100px){.logo .brand-logo{width:207px}}@media(max-width:760px){.logo .brand-logo{width:184px}.menu-header .logo .brand-logo{width:205px}.footer-logo .brand-logo{width:min(100%,300px)}}

/* Background film is independent of section motion and viewport width. */
html .hero .film-toggle{display:inline-flex!important;align-items:center;gap:9px;z-index:4}
html.film-playing .hero .hero-video{display:block!important;visibility:visible;opacity:1;animation:none;transform:none}
html.film-playing .hero .hero-media{background-image:none}
html:not(.film-playing) .hero .hero-media{background-image:var(--hero-poster,url("ad11/hero-engine-poster.webp"));background-position:20vw center;background-size:cover;background-repeat:no-repeat}
@media(max-width:760px){html .hero .film-toggle{top:78px;bottom:auto;right:5%;font-size:11px;min-height:30px;padding:5px 8px}html:not(.film-playing) .hero .hero-media{background-position:center}}
@media print{html .hero .film-toggle{display:none!important}}
