/* LuCar V9.5 — approved B / OLIVE ATELIER (#5B7D47).
   Layer on top of V9.4, not a rewrite. Real cars, prices, video and showroom code remain unchanged.
   Design: ivory editorial front of house, forest-green showroom, architectural olive services.
*/
:root{
  --olive:#5B7D47;--olive-deep:#263f2c;--olive-forest:#13271e;--olive-light:#e9ede2;
  --olive-paper:#f5f1e9;--olive-ink:#22372a;--olive-muted:#536b55;--olive-line:#bac8ad;
  --bg:#f5f1e9;--bg2:#e9ede2;--paper:#f5f1e9;--ivory:#fbf8ed;
  --gold:#5B7D47;--gold-light:#d6ba88;--sub:#526c56;--line:#5b7d4733;
  --v91-header:84px;--v91-gold:#5B7D47;
}
html{scrollbar-color:#729369 #f5f1e9;scroll-padding-top:100px}
body{background:var(--olive-paper);color:var(--olive-ink)}
::selection{background:#5b7d47;color:#fff}
:where(a,button,input,select):focus-visible{outline:3px solid #aac76b!important;outline-offset:3px!important}
.progress>div{background:var(--olive)}
.noise{opacity:.045;pointer-events:none}
/* Cream navigation is a deliberate part of mockup B. */
.site-header,.site-header.scrolled{background:rgba(245,241,233,.97)!important;border-bottom:1px solid #5b7d474d!important;box-shadow:0 9px 32px #1d382014!important;backdrop-filter:blur(20px)}
.site-header .desktop-nav a,.site-header .desktop-nav a[aria-current='location']{color:#263e2b!important}
.site-header .desktop-nav a::after{background:var(--olive)!important}
.site-header .desktop-nav a:hover{color:var(--olive)!important}
.site-header .header-contact{color:#284431;border:1px solid #5b7d478c;background:#5b7d470a}
.site-header .header-contact:hover{background:var(--olive);color:#fff}
.site-header .header-contact .contact-dot{background:#5b7d47;box-shadow:none}
.site-header .menu-toggle span{background:#2f4b35!important}
.mobile-nav{background:#f5f1e9!important;border:1px solid #bac8ad!important;color:#263e2b}
.mobile-nav a{color:#263e2b}
/* A true editorial split hero, not a sepia recolor. Video continues to play inside the right panel. */
.hero{background:linear-gradient(90deg,#f5f1e9 0 52%,#5b7d47 52% 100%);min-height:780px;height:100svh;max-height:1120px;color:#263b29}
.hero::before{content:'';position:absolute;top:0;bottom:0;left:51.95%;right:0;background:#5b7d47;z-index:0;pointer-events:none}
.hero-image,.hero-cinematic{inset:135px 3.4% 126px auto!important;width:54%!important;height:calc(100% - 261px)!important;object-fit:cover;object-position:62% 56%;filter:brightness(.91) saturate(.85) contrast(1.05)!important;transform:none!important;border:7px solid #f6f0e5;box-shadow:0 36px 78px #1c39295c}
.hero-image{background-image:url('media/s680-poster.jpg');background-position:62% 54%;background-size:cover}
.hero-cinematic{z-index:1}
.hero-shade{inset:135px 3.4% 126px auto;width:54%;height:calc(100% - 261px);z-index:2;background:linear-gradient(0deg,#10251d70,transparent 45%,transparent 80%,#15251a12);pointer-events:none}
.hero-rail{z-index:3;top:157px;right:1.2%;color:#f8f6e3}
.hero-copy{z-index:4;left:clamp(32px,6.25vw,108px);width:min(665px,46vw);top:49%;transform:translateY(-44%);will-change:auto}
.hero .overline{color:var(--olive)!important;font-weight:700;letter-spacing:.19em}
.hero .overline .line{background:var(--olive)}
.hero h1{font-size:clamp(57px,5.45vw,91px)!important;line-height:1.1!important;letter-spacing:-.045em!important;font-weight:500;color:#243a28!important;text-shadow:none!important;margin:30px 0 26px}
.hero h1 em{color:#5b7d47!important;font-weight:500;font-style:italic}
.hero-intro{display:block;max-width:345px}
.hero-intro p{max-width:345px;color:#4a6250!important;font-size:clamp(13px,1vw,15px);line-height:1.85;margin:0 0 27px}
.hero .text-link{width:max-content;max-width:100%;border:1px solid #5b7d47;background:#5b7d47;color:#fff!important;padding:15px 20px;display:inline-flex;letter-spacing:.09em;white-space:normal;font-size:11px;transition:background .3s ease,transform .4s ease}
.hero .text-link span{color:#fff}
.hero .text-link:hover{background:#314f36;color:#fff!important;transform:translateY(-2px)}
.hero .hero-secondary{color:#4b664d;border-bottom:1px solid #5b7d47;display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.08em}
.hero .hero-secondary:hover{color:#213b27}
.hero-bottom{z-index:5;bottom:0;left:0;right:0;min-height:95px;padding:18px clamp(32px,6.2vw,108px);background:#e9ece3;border-top:1px solid #5b7d472f;color:#294330;align-items:center}
.hero-bottom .film-trigger{color:#294330}.hero-bottom .film-trigger b{color:#294330}
.hero-bottom .film-trigger small,.hero-bottom .scroll-hint,.hero-bottom .film-motion-toggle{color:#536c57}
.hero-bottom .play-ring{border-color:#5b7d47;color:#5b7d47}
.hero-bottom .film-motion-toggle{border-color:#799478}
.hero-bottom .hero-count,.hero-bottom .hero-count i{color:#294330}
.hero-bottom .scroll-vertical{background:#5b7d47}
/* Editorial manifesto and section headings. */
.manifesto{background:var(--olive-paper)!important;border-bottom-color:#5b7d4738;padding-block:105px}
.manifesto-statement{color:#233e2b!important;font-size:clamp(36px,4.3vw,67px)}
.manifesto-statement em,.manifesto-statement i{color:#5b7d47!important}
.manifesto-foot,.manifesto .kicker{color:#536f55!important}
.section-heading h2{letter-spacing:-.035em;line-height:1.17}
.section-heading h2 em{color:#5b7d47}
.section-aside>span,.kicker{color:#537349!important}
.section-aside p{color:#516855}
/* Curated collection: warm ivory cards, forest image stage, never clip the car. */
.collection{background:#f5f1e9!important;color:#263e2b}
.collection .section-heading h2{color:#243b29}
.vehicle-stage{border:1px solid #9bb1937d;background:#ebeee6;grid-template-columns:minmax(0,1.43fr) minmax(335px,.84fr)}
.vehicle-media{background:radial-gradient(ellipse at 47% 40%,#506d56,#28482f 62%,#183221);}
.vehicle-media img{object-fit:contain;filter:brightness(.98) saturate(.82)!important}
.vehicle-vignette{background:linear-gradient(0deg,#152b22c4,transparent 36%),linear-gradient(90deg,transparent 72%,#152c2140)}
.vehicle-text{background:#f0f1e8!important;color:#223c28;padding-left:clamp(32px,4vw,70px)}
.vehicle-text h3,.vehicle-description{color:#263e2b!important}
.vehicle-description{opacity:.82}.vehicle-rate{color:#4a7342!important}
.vehicle-text .kicker{color:#5b7d47!important}
.vehicle-text .outline-button{color:#f9f7ef;background:#5b7d47;border-color:#5b7d47}
.vehicle-text .outline-button:hover{background:#2d4f34}
.vehicle-text .underline-link,.vehicle-nav,.vehicle-nav button{color:#355b39}
.vehicle-strip{border-color:#9eb3926b}
/* 360 remains a dark technical exhibition; iframe and its controls are untouched. */
.v8-showroom{background:radial-gradient(ellipse at 52% 32%,#34543c 0%,#1a3225 48%,#11251b 100%)!important;color:#f5f1e9}
.v8-showroom .section-heading h2{color:#f7f6e9}.v8-showroom .section-heading h2 em{color:#d6c79e}
.v8-showroom .kicker,.v8-showroom .section-aside>span{color:#c8d6b4!important}
.v8-showroom .section-aside p{color:#c8d3c6}
.v8-viewer-stage{background:#0d1a14;border-color:#829f76}
.v8-mode-switch button.active{background:#9ec28e!important;color:#15321d!important}
/* Real rental catalog: light editorial panels, square clean car thumbnails and intact poster modal. */
.v8-fleet{background:#f1f0e8!important;color:#263e2b}
.v8-fleet .section-heading h2{color:#253d2b}.v8-fleet .section-heading h2 em{color:#5b7d47}
.v8-fleet .section-aside p,.v8-fleet-count,.v8-price-note{color:#536b56}
.v8-fleet-filters button{color:#304c32;border-color:#a5b49b;background:#fdfcf6}
.v8-fleet-filters button:hover,.v8-fleet-filters button.active{background:#5b7d47!important;color:#fff!important;border-color:#5b7d47}
.v8-fleet-search{color:#355b3d;border-bottom-color:#5b7d47}
.v8-fleet-search input{color:#2a452e}.v8-fleet-search input::placeholder{color:#6b806a}
.v8-product{background:#fbfaf5;border:1px solid #c7d0bf}
.v8-product:hover{border-color:#5b7d47;box-shadow:0 22px 50px #284b271d}
.v8-product-image{background:radial-gradient(ellipse at 47% 41%,#e0e8dc,#c9dac6 59%,#b8cbb4 100%);border-bottom:1px solid #c8d2c4}
.v8-product-image img{object-fit:contain}
.v8-product-info h3{color:#223c29!important}.v8-product-brand,.v8-product-price{color:#527348!important}
.v8-product-source,.v8-product-await,.v8-pending-mark{color:#536e56}
.v8-product-actions button{background:#edf0e7;border-color:#a9baa2;color:#2b4c34}
.v8-product-actions button:hover{background:#5b7d47;color:#fff}
.v8-product-ordinal{color:#f2f7e8;background:#314e35e8;border-color:#a7c19b}
.v8-price-note{border-top:1px solid #c8d3c4;padding-top:22px}
/* Cinema remains dramatic by intention, with the same Maybach video source. */
#cinema.cinematic-interlude{background:#10281b;color:#f6efdf}
#cinema .cinematic-interlude-shade{background:linear-gradient(90deg,#0e281ee8 0%,#113221ba 37%,#0f261432 78%),linear-gradient(0deg,#0c1f17b5,transparent 40%,transparent 70%,#0a2016aa)}
/* Experience: preserve 3 chapters; stronger atmospheric dark olive instead of brown. */
.experience{background:#13251a}
.scene-overlay{background:linear-gradient(90deg,#102a1fe0,#122b2044 68%),linear-gradient(0deg,#0d241cc9,transparent 50%,#183021b0)}
/* Four businesses are a signature solid-olive color field, as in approved B. */
#services.services{background:#5b7d47!important;color:#fffdf3;padding-top:clamp(80px,7vw,116px);padding-bottom:clamp(78px,7vw,108px)}
#services .service-gallery{grid-template-columns:minmax(0,1.03fr) minmax(0,.98fr);gap:clamp(30px,4vw,72px);align-items:stretch}
#services .services-heading h2{color:#fff8e7!important;font-size:clamp(42px,4vw,64px);line-height:1.15}
#services .services-heading h2 em{color:#f5e1ae!important}
#services .kicker,#services .section-aside>span{color:#e2efd5!important}
#services .services-heading .section-aside p{color:#eff4e7!important}
#services .service-list{border-top:1px solid #f4f6e750}
#services .service-row{color:#f1f5e8;border-bottom:1px solid #e2e9d25c;padding:14px 16px 14px 10px;min-height:76px;font-size:clamp(23px,2.2vw,35px)}
#services .service-row .service-no,#services .service-row .service-arrow{color:#f3e2b7!important}
#services .service-row.active,#services .service-row:hover,#services .service-row:focus-visible{color:#fff6df;background:#2b4a30b8;border-left:3px solid #f1dfb0;transform:translateX(3px)}
#services .service-visual{background:#2b4c36;min-height:490px;border:1px solid #e3e9d352;box-shadow:18px 22px 0 #24442827}
#services .service-visual img{object-fit:contain!important;object-position:center center;filter:saturate(.95) brightness(1)!important}
#services .service-visual-foot{background:linear-gradient(0deg,#10271bf0,transparent)}
/* Booking remains a real calculator; light form with verified AA color choices. */
.concierge{background:#e7ecdf!important;color:#223d28}
.concierge h2,.concierge h2 em{color:#223d28}.concierge h2 em{color:#5b7d47}
.concierge .kicker{color:#527849!important}
.concierge-intro>p{color:#465b48!important}
.booking-form{--form-bg:#fcfbf5;--form-text:#203825;--form-muted:#48674d;--form-accent:#5b7d47;--form-border:#93a98c;background:#fcfbf5!important;color:#203825!important;border:1px solid #bac8ac;box-shadow:24px 27px 0 #456b331b}
.booking-form :is(.booking-top,label,.range-end,.estimate-unit,.booking-fine,.hourly,.hourly a){color:#3c5d42!important}
.booking-form .booking-top,.booking-form .estimate{border-color:#a9b9a3!important}
.booking-form .select-wrap select{color:#203825!important;border-color:#839d7f!important;background:#fcfbf5!important;min-height:50px}
.booking-form .select-wrap select option{background:#fcfbf5;color:#203825}
.booking-form .select-wrap>span{color:#365b3d}
.booking-form .day-count output,.booking-form .estimate-value{color:#203825!important}
.booking-form .presets button{color:#24432c;background:#f0f3e9;border-color:#91a887}
.booking-form .presets button:hover,.booking-form .presets button.active{background:#5b7d47!important;color:#fff!important;border-color:#5b7d47!important}
.booking-form .slider{background:#a7ba9f;accent-color:#5b7d47}
.booking-form .slider::-webkit-slider-thumb{background:#5b7d47;border-color:#fbfaf3;box-shadow:0 0 0 2px #3d6845}
.booking-form .slider::-moz-range-thumb{background:#5b7d47;border-color:#fbfaf3}
.booking-form .booking-cta{background:#5b7d47!important;color:#fff!important}
.booking-form .booking-cta:hover{background:#375d3e!important}
.booking-form .estimate-value small{color:#365e3a}
.closing{background:radial-gradient(ellipse at 50% 100%,#476a48,#1a3224 73%);color:#fff7e6}
.closing .kicker{color:#e9ebcb!important}.closing-phone{color:#f2e2ae;border-color:#c5d3ac}
.site-footer{background:#152a1d!important;color:#f7f3e5}.site-footer .footer-bottom{color:#cad7c6}
.quick-contact a:first-child{background:#5b7d47;color:#fff;border-color:#b2ca9d}
.quick-contact a:last-child{background:#203e2b;color:#fff;border-color:#a6bc98}
.overlay-panel{background:#192c21!important;color:#fbf7e9;border-color:#9cb58f}
.overlay-backdrop{background:#0b1b14dc}
@media(max-width:1260px){.hero-copy{width:min(600px,47vw);left:clamp(28px,4.5vw,70px)}.hero h1{font-size:clamp(52px,5.3vw,74px)!important}.hero-intro p{max-width:290px}.hero-image,.hero-cinematic{right:2%;width:52%!important}.hero-shade{right:2%;width:52%}}
@media(max-width:990px){
 .hero{min-height:790px;height:900px}.hero-copy{width:52vw;left:4%;top:49%}.hero h1{font-size:clamp(45px,5.7vw,66px)!important}
 .hero-image,.hero-cinematic{top:146px!important;bottom:125px!important;height:calc(100% - 271px)!important;width:51%!important;right:2%!important}
 .hero-shade{top:146px;bottom:125px;height:calc(100% - 271px);width:51%;right:2%}
 #services .service-gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}
 .vehicle-stage{grid-template-columns:minmax(0,1.25fr) minmax(305px,.85fr)}
 .v8-product-grid{gap:14px}
}
@media(max-width:760px){
 .hero{height:990px;min-height:940px;max-height:none;background:linear-gradient(180deg,#f5f1e9 0 46%,#e9ede2 46% 100%)}
 .hero::before{top:95px;left:26%;right:0;bottom:auto;height:330px;background:#5b7d47}
 .hero-image,.hero-cinematic{position:absolute;top:112px!important;left:auto!important;right:5%!important;bottom:auto!important;width:78%!important;height:302px!important;border:5px solid #f6f2e8;object-position:65% 50%;box-shadow:0 15px 35px #25482d69}
 .hero-shade{top:112px;bottom:auto;height:302px;width:78%;right:5%;background:linear-gradient(0deg,#183d2585,transparent 60%)}
 .hero-rail{display:none}
 .hero-copy{top:457px!important;left:6%!important;width:88vw!important;transform:none!important;opacity:1!important}
 .hero .overline{font-size:10px}
 .hero h1{font-size:clamp(42px,10vw,59px)!important;line-height:1.12;margin:18px 0 19px}
 .hero-intro{max-width:340px}.hero-intro p{font-size:13px;line-height:1.7;margin-bottom:20px}
 .hero .text-link{padding:13px 16px;font-size:10px}
 .hero-bottom{min-height:72px;padding:12px 5%;gap:8px}
 .hero-bottom .film-trigger{gap:8px}.hero-bottom .film-trigger b{font-size:9px}.hero-bottom .film-trigger small{font-size:8px}
 .hero-bottom .scroll-hint{display:none}
 .hero-bottom .film-motion-toggle{font-size:8px;padding:7px}
 .hero-bottom .hero-count{font-size:19px}
 .manifesto{padding-block:70px}
 .section-heading h2{font-size:clamp(36px,9vw,54px)}
 .vehicle-stage{display:block}
 .vehicle-media{min-height:315px}.vehicle-text{padding:32px 25px}
 .v8-fleet{padding-block:75px}.v8-product-grid{grid-template-columns:1fr}
 #services .service-gallery{display:block}
 #services .service-visual{margin-top:30px;min-height:300px;height:325px;box-shadow:9px 12px 0 #24442822}
 #services .service-row{min-height:68px;font-size:clamp(23px,6.3vw,29px)}
 #services .services-heading h2{font-size:clamp(37px,9vw,53px)}
 .concierge{padding-block:76px}
 .booking-form{box-shadow:12px 14px 0 #456b3316}
 .quick-contact{right:12px;bottom:10px}
}
@media(max-width:390px){
 .hero{height:975px}.hero-copy{top:437px!important}
 .hero h1{font-size:43px!important}
 .hero-intro p{font-size:12px}
 .hero-bottom{min-height:75px}
}
@media(prefers-reduced-motion:reduce){.hero .text-link,.v8-product,#services .service-row{transition:none!important;transform:none!important}}

/* AA note: brand olive on cream has 4.17:1, so small interface text uses darker olive. */
.hero .overline,.hero .overline .line{color:#385d38!important}
.collection .kicker,.v8-fleet .kicker,.concierge .kicker,.manifesto .kicker,
.collection .section-aside>span,.v8-fleet .section-aside>span,.v8-product-brand,
.v8-product-price,.v8-fleet-search,.v8-fleet-count{color:#3d603c!important}
.vehicle-text .kicker,.vehicle-rate{color:#3d603c!important}
@media(prefers-reduced-motion:reduce){
 .hero .hero-cinematic{opacity:0!important}
 .hero .hero-image{filter:none!important}
}