/* =====================================================================
   CLEAN LUXURY (2 Nov 2026, from hiruni's car-site recording).
   What makes that site feel expensive, copied as a style (no words change):
   1. headlines in BOLD CAPITALS, tight lines, like a car brand
   2. light parts are flat and clean (no soft orange glows behind them)
   3. sharper corners and thin lines instead of big soft shadows
   4. the dark scenes stay pure dark, with only the photos/films lit
   Loaded last on index.html.
   ===================================================================== */

/* 1. headlines: capitals, heaviest weight, tight line height */
main h2,#how .hf-title{text-transform:uppercase;font-weight:900;letter-spacing:-.012em;line-height:1.02}
main h2,main h2 *,#how .hf-title,#how .hf-title b{font-weight:900!important}
#about .ab8-h{line-height:1}
#how .hf-caps h3{text-transform:uppercase;font-weight:900;letter-spacing:-.01em}

/* 2. light parts: one flat, clean colour */
#app.app8,#stations.flat,#faq,#about.ab8::before,#compare.vs6::before{background:#F4F2EE}
#stations.persp.light{background:#F4F2EE}

/* 3. sharper cards, thin lines */
#stations.flat .rvc-in{border-radius:10px;box-shadow:none;border:1px solid rgba(25,23,21,.08)}
#stations.flat .rvc-in::before{color:rgba(25,23,21,.06)}
.vs6-card{border-radius:12px}
.vs6-card.new{background:#fff;border-color:rgba(255,106,0,.35)}
.vs6-card.old{background:transparent;border-color:rgba(25,23,21,.1)}
#packages.pk3d .pkstage .panel{border-radius:12px}
#app .chips8 li{box-shadow:none;border-color:rgba(25,23,21,.12);background:#fff}

/* 4. dark scenes: pure dark, a faint line on the floor only */
#packages.glassroom{background:radial-gradient(ellipse 50% 30% at 50% 80%,rgba(255,122,46,.14),transparent 70%),#0b0908}

/* 5. FRANCHISE = clean light (option A): no background photo, so the
      finale photo below is the only big photo at the end */
#franchise.fr5{background:#F4F2EE;color:#191715;clip-path:none;margin-top:0;min-height:0}
#franchise .fr-bg,#franchise.fr5::after{display:none}
#franchise .chap,#franchise .chap span{color:#6f665d;border-color:rgba(25,23,21,.14)}
#franchise h2{color:#191715}
#franchise h2 b{color:var(--orange-ink)}
#franchise .fr-in > div > p{color:#4a433d}
#franchise .ghost.light{color:#191715}
#franchise .ghost.light i{background:#191715}
#franchise .fr7-form{background:#fff;box-shadow:none;border:1px solid rgba(25,23,21,.1);border-radius:14px;backdrop-filter:none;-webkit-backdrop-filter:none}
/* less empty space around the light Franchise part */
#franchise .fr-in{padding-block:clamp(50px,7vh,80px)!important;align-items:start}
#faq.roomy{padding-bottom:clamp(40px,6vh,70px)}