
:root { --ink:#FFFFFF; --ink-soft:#0D3934; --paper:#0D3934; --muted:#4d5d58; --line:rgba(13,57,52,.18); --accent:#C69F88; }
html,body,body.inner-page {background:#fff;color:#0D3934}
.site-header,.site-header.home-header,.site-header.menu-open{background:#fff;border-bottom-color:rgba(13,57,52,.18)}
.site-header > .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:51.11px;display:block}
.site-header .brand-name{display:none}
.site-header .brand-mark{position:relative;display:block;width:60px;height:51.11px;overflow:hidden}
.site-header .brand-mark img{position:absolute;width:99.3377px;height:99.3377px;max-width:none;left:-21.0099px;top:-23.7914px;transform:none}
.site-header nav{grid-column:1;grid-row:1;justify-self:start}
.site-header nav a,.site-header nav a.active,.header-cta{color:#0D3934}
.site-header nav a:hover{color:#805f50}
.header-cta{grid-column:3;grid-row:1}
.language-switch{background:#fff;color:#0D3934;border-color:#C69F88}
.menu-button span{background:#0D3934}
.site-header nav{background:#fff}
.primary-button,.journey-primary,.premium-booking #bookingSubmit,.miles-footer .mf-book,.site-header nav .mobile-booking{background:#C69F88;color:#0D3934}
.primary-button span,.miles-footer .mf-book span{color:#0D3934}
.primary-button:hover,.journey-primary:hover,.premium-booking #bookingSubmit:hover{background:#bb927a;color:#0D3934}
button:focus-visible,a:focus-visible{outline:3px solid #0D3934;outline-offset:4px}
.hero{color:#fff;--paper:#fff;--muted:#d5dbd8}
.premium-booking{background:#fff}
.fleet-tabs button{color:#0D3934}.fleet-tabs button.active{color:#0D3934;background:#C69F88}
.fleet-stage{background:#0D3934;color:#fff;--paper:#fff}
.fleet-specs span{color:#d5dbd8}
.experience-section,.final-section{background:#0D3934;color:#fff;--paper:#fff;--muted:#d5dbd8;--line:rgba(255,255,255,.2)}
.experience-section .eyebrow,.final-section .eyebrow{color:#C69F88}
.final-email{color:#d5dbd8}
section.miles-gallery{background:#fff}
.destinations-section .text-link{color:#0D3934;border-bottom-color:rgba(13,57,52,.3)}
footer.miles-footer{background:#0D3934}
@media(max-width:900px){
 .site-header .menu-button{grid-column:2;grid-row:1;justify-self:end}
 .site-header nav a{color:#0D3934}
 .site-header > .brand,.site-header .brand-mark{width:48px;height:40.89px}
 .site-header .brand-mark img{width:79.4702px;height:79.4702px;left:-16.8079px;top:-19.0331px}
}
@media(max-width:600px){
 .hero{background:#fff;color:#0D3934;--paper:#0D3934;--muted:#4d5d58}
 .hero-vignette{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 25vw,#fff 37.5vw,#fff 100%),linear-gradient(90deg,rgba(5,6,8,.22),transparent 50%)}
 .hero-intro,.hero .text-link{color:#4d5d58}.hero .text-link{border-bottom-color:rgba(13,57,52,.25)}
 .hero-proof{background:#fff}.proof-item span,.proof-item strong{color:#0D3934}
 .hero .eyebrow{color:#805f50}
}
.booking-section>.eyebrow,.services-intro>.eyebrow,.fleet-header .eyebrow,.destinations-section .eyebrow{color:#0D3934}
.experience-section a:focus-visible,.final-section a:focus-visible,.miles-footer a:focus-visible{outline-color:#fff}
@media(max-width:600px){.hero h1 em{color:#0D3934}}
/* Desktop: preserve the photograph and its overlay; the area below is white. */
@media(min-width:601px){
 .hero,.hero>picture{background:#FFFFFF}
 .hero-vignette{background-size:100% min(100%,37.5vw);background-repeat:no-repeat}
 .hero-intro,.hero .text-link{color:#4d5d58}
 .hero .text-link{border-bottom-color:rgba(13,57,52,.25)}
 .hero-proof{background:#FFFFFF}
 .hero .proof-item span,.hero .proof-item strong,.hero .scroll-cue{color:#0D3934}
}
/* Requested desktop spacing: lower the introduction without moving the actions. */
@media(min-width:601px){.hero-intro{position:relative;top:22px}}

/* Shared colour treatment for the existing French and English inner pages. */
.services-hero,.destinations-hero,.about-hero,.faq-hero,.legal-hero{background:#FFFFFF;color:#0D3934}
.services-hero-copy>p:last-child,.destinations-hero-copy>p:last-child,.about-hero-copy>p:last-child,.faq-hero-copy>p:last-child,.legal-hero-copy>p:last-child{color:#4d5d58}
.inner-page h1 em{color:#0D3934}
.inner-page .eyebrow{color:#0D3934}
.service-description li,.legal-copy .legal-warning,.legal-copy .legal-mail,.privacy-summary span{color:#0D3934}
.service-promise,.fleet-choice,.custom-route,.about-values{background:#0D3934;color:#FFFFFF;--paper:#FFFFFF;--muted:#d5dbd8;--line:rgba(255,255,255,.2)}
.service-promise .eyebrow,.fleet-choice .eyebrow,.custom-route .eyebrow,.about-values .eyebrow,.inner-page .final-section .eyebrow{color:#C69F88}
.promise-values span,.value-lines span{color:#FFFFFF}
.fleet-page-hero{color:#FFFFFF;--paper:#FFFFFF;--muted:#d5dbd8}
.fleet-page-hero h1 em,.fleet-page-hero .eyebrow{color:#C69F88}
.service-promise a:focus-visible,.fleet-choice a:focus-visible,.custom-route a:focus-visible,.about-values a:focus-visible{outline-color:#FFFFFF}

/* Contrast corrections shared by every FR/EN page. */
:root{--accent:#0D3934}
.hero,.experience-section,.final-section,.fleet-stage,.service-promise,.fleet-choice,.custom-route,.about-values,.fleet-page-hero{--accent:#C69F88}
/* Footer-local tokens also govern its later embedded rules. */
footer.miles-footer{--ink:#0D3934;--paper:#FFFFFF;--accent:#C69F88;background-color:#0D3934;color:#FFFFFF}
footer.miles-footer .mf-book,footer.miles-footer .mf-book span{color:#0D3934}
.hero .text-link span{color:#0D3934}
.section-index,.services-hero-note span,.services-hero-note small,.vehicle-capacity span,.about-since small,.about-since span,.destination-coordinates small,.number-card p,.faq-count span{color:#53635d}

/* White backdrop for all three homepage vehicle presentations. */
.fleet-stage{background:#FFFFFF;color:#0D3934;--paper:#0D3934;--accent:#0D3934}
.fleet-stage .fleet-specs span{color:#4d5d58}

/* Keep the booking introduction close to the three existing trust pictograms. */
.hero + .booking-section{position:relative;margin-top:-100px;padding-top:64px}
@media(max-width:600px){
 .hero{min-height:0;padding-bottom:0}
 .hero + .booking-section{margin-top:0;padding-top:56px}
}
