/* Adapt composition cost to the device, without changing the car or story.
   Main.js owns motion transforms and the balanced/light runtime profile. */

/* Expanded work lists keep their own scrollbar, then pass scrolling to the page. */
.editorial,.service-editorial,.editorial-third{overscroll-behavior:auto}

/* A balanced desktop keeps the photographed studio, with fewer composite layers. */
html:is([data-performance="balanced"],[data-performance="light"]) :is(.film-grain,.light-sweep,.world-glass,.world-mist){display:none}
html:is([data-performance="balanced"],[data-performance="light"]) .page-world::before{display:none}
html:is([data-performance="balanced"],[data-performance="light"]) .page-backdrop .world-photo{inset:-4%;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;backface-visibility:visible;will-change:auto}
html:is([data-performance="balanced"],[data-performance="light"]) :is(.page-world,.page-backdrops,.editorial-pages){filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html:is([data-performance="balanced"],[data-performance="light"]) :is(.world-glass,.world-glass i,.logo img){box-shadow:none;filter:none}
html:is([data-performance="balanced"],[data-performance="light"]) .chapters{mask-image:none;-webkit-mask-image:none}
html:is([data-performance="balanced"],[data-performance="light"]) .editorial{will-change:auto}
/* One flat veil replaces costly per-image saturation/brightness filters. */
html:is([data-performance="balanced"],[data-performance="light"]) .page-backdrop:not(.mood-2) .page-world::after{background:linear-gradient(90deg,#03060a85,#03060a18 68%)}

/* This also covers a phone rotated to landscape and large touch tablets.
   CSS applies immediately, before a performance profile has been measured. */
@media(max-width:760px),(pointer:coarse){
 .stage :is(.film-grain,.light-sweep,.world-glass,.world-mist,.page-light,.page-softbox){display:none}
 .stage .page-world::before{display:none}
 .stage .page-backdrop .world-photo{inset:-4%;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;backface-visibility:visible;will-change:auto}
 .stage :is(.page-world,.page-backdrops,.editorial-pages){filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 .stage :is(.world-glass,.world-glass i,.logo img){box-shadow:none;filter:none}
 .stage .chapters{mask-image:none;-webkit-mask-image:none}
 .stage .editorial{will-change:auto;overscroll-behavior:auto}
 .stage .page-backdrop:not(.mood-2) .page-world::after{background:linear-gradient(90deg,#03060a85,#03060a18 68%)}
 .stage .service-scope summary{min-height:44px}
}

/* A single inexpensive veil keeps portrait copy legible above the car. */
@media(max-width:760px) and (min-height:551px){
 .stage .page-backdrop:not(.mood-2) .page-world::after,
 html:is([data-performance="balanced"],[data-performance="light"]) .page-backdrop:not(.mood-2) .page-world::after{background:linear-gradient(180deg,#03060a9c,transparent 62%)}
}

/* The light profile removes the remaining purely decorative full-screen passes.
   Photographs, 3D vehicle, highlighted parts, prices and all controls remain. */
html[data-performance="light"] :is(.page-light,.page-softbox,.page-wordmark,.page-horizon,.connector-halo){display:none}
html[data-performance="light"] .page-world{isolation:auto}
html[data-performance="light"] .page-backdrop .world-photo{will-change:auto}

/* Keep the simple rectangular editorial clip: it prevents moving chapter copy
   from entering the car/header area. Removing it changes the page choreography. */