
:root{--ink:#101311;--paper:#f0f1e8;--acid:#daf85d;--muted:#a4aba0}body{background:var(--paper);color:var(--ink)}.demo-banner{background:#252b23;color:#c8d2bd;font-size:10px;padding:6px 18px;letter-spacing:.02em}.nav{background:var(--ink);color:var(--paper);max-width:none;padding:26px 5%;border-bottom:1px solid #ffffff20}.logo{font-size:34px;letter-spacing:-.075em}.logo small{font-size:9px;letter-spacing:.23em}.nav nav a{font-size:12px}.nav-cta{border-color:#667056!important}.signature-hero{position:relative;isolation:isolate;display:block;min-height:710px;max-width:none;background:var(--ink);overflow:hidden}.signature-hero .hero-copy{position:relative;z-index:2;padding:85px 5% 48px;max-width:880px}.signature-hero h1{font-size:clamp(72px,8.4vw,132px);font-weight:850;letter-spacing:-.075em;line-height:.89;max-width:820px;margin-bottom:30px}.signature-hero .eyebrow{color:var(--acid);font-size:10px;letter-spacing:.19em;margin-bottom:38px}.signature-hero .hero-description{max-width:360px;color:#d3d9d0;font-size:16px;line-height:1.75}.signature-hero .hero-photo{position:absolute;inset:0 0 0 28%;z-index:-2;height:auto;overflow:hidden}.signature-hero .hero-photo img{object-position:60% center;animation:photo-arrive 1.2s ease-out both}.signature-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101311 8%,#101311dc 30%,#10131138 62%,#10131105 90%),linear-gradient(0deg,#1013119c,transparent 35%);pointer-events:none}.signature-hero .hero-photo:after{display:none}.signature-hero .photo-label{right:5%;left:auto;bottom:66px;font-size:13px;letter-spacing:.18em;text-align:right;color:#edeee3;writing-mode:vertical-rl}.signature-hero .hero-photo figcaption{left:auto;right:5%;bottom:18px;text-align:right;font-size:9px;color:#ccd3c7}.signature-hero .hero-area{margin-top:50px;padding-top:18px;border-top:1px solid #8b97834f;max-width:330px;display:flex;gap:20px;align-items:center}.hero-area span{color:#aabb95;font-size:9px}.hero-area p{font-size:12px;margin:0}.button{background:var(--acid);color:var(--ink);padding:15px 24px;border-radius:0;transition:background .2s,transform .2s}.button:hover{background:#e8ff98;transform:translateY(-2px)}.intro{padding:60px 5%;max-width:none;background:var(--acid);grid-template-columns:1fr 1fr;gap:10%;border:0}.intro>p{font-size:clamp(30px,3vw,45px);font-weight:750;letter-spacing:-.055em}.intro>div{color:#3a4826;font-size:15px;max-width:530px}.section{padding:85px 5%;max-width:none}.eyebrow{font-size:10px;letter-spacing:.17em;color:#4e5f3d}h2{font-size:clamp(38px,4.1vw,62px);font-weight:800;line-height:.98;letter-spacing:-.055em}.section-head{margin-bottom:45px}.services{gap:0;border-top:1px solid #b8c0ac;border-bottom:1px solid #b8c0ac}.service-card{background:transparent;border:0;padding:35px 30px 30px}.service-card+.service-card{border-left:1px solid #b8c0ac}.service-card:nth-child(3){background:#dde5cf;border-color:#b8c0ac}.service-card .service-title{font-size:31px;font-weight:750;letter-spacing:-.05em}.service-number{font-size:9px;color:#4b5d37}.service-desc{color:#5b6553;font-size:14px;min-height:72px}.price{font-size:45px;letter-spacing:-.06em}.basis{font-size:11px;color:#4d5d3e}.service-card ul{border-color:#c2cbb6;font-size:13px}.service-link{border-color:#bdc8b0;font-size:12px;transition:padding .2s}.service-link:hover{padding-left:7px}.prepare{background:#e4e8dc;border:0}.preparation-grid{gap:8%}.preparation-grid h3{font-size:24px;font-weight:700}.preparation-grid p{color:#5c6653;font-size:14px}.step{display:inline-grid;place-items:center;width:35px;height:35px;border:1px solid #a6b296;border-radius:50%;font-size:11px;color:#495b37}.faq{border:0;gap:12%}.faq details{border-color:#c0c9b5}.faq summary{font-size:16px}.faq details p{color:#637057}.booking{background:var(--ink);max-width:none;padding:75px 5%;gap:10%}.booking h2{font-size:clamp(48px,5vw,78px);line-height:.95}.booking .eyebrow{color:var(--acid)}.booking p{color:#a9b6a1;font-size:13px}.booking .booking-note{border-color:#526046;color:#d7e5cc;font-size:14px}.booking-explanation{font-size:12px!important}.booking .button.outline{color:var(--paper);border-color:#657257}footer{background:var(--ink);color:var(--paper);max-width:none;border-top:1px solid #ffffff20;padding:28px 5%}footer p{color:#a6b59a;font-size:11px}.services-heading{background:var(--ink);color:var(--paper);padding-bottom:70px}.services-heading .eyebrow{color:var(--acid)}.services-heading h1{font-size:clamp(50px,6vw,92px);font-weight:800;line-height:.98}.services-heading .hero-description{color:#b5c1ac;font-size:16px}.service-list{padding-top:65px}.service-scope{border-color:#c0cab6}.service-scope p:not(.eyebrow){color:#58694d}.small-note{font-size:11px;color:#65705a}a:focus-visible,summary:focus-visible{outline-color:#769520}@keyframes photo-arrive{from{opacity:.6;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:850px){.signature-hero{min-height:680px}.signature-hero .hero-copy{padding:65px 5% 50px}.signature-hero h1{font-size:88px}.signature-hero .hero-photo{left:10%}.signature-hero:after{background:linear-gradient(90deg,#101311ef 5%,#101311bc 40%,#10131135),linear-gradient(0deg,#1013119c,transparent)}.services{grid-template-columns:1fr}.service-card+.service-card{border-left:0;border-top:1px solid #b8c0ac}.service-desc{min-height:0}.service-card{padding:30px}.section{padding:60px 5%}.intro{gap:6%;padding:45px 5%}.booking{padding:55px 5%;gap:40px}}
@media(max-width:580px){.nav{padding:23px 6%}.logo{font-size:30px}.nav nav a{font-size:11px}.signature-hero{min-height:665px}.signature-hero .hero-copy{padding:53px 6% 65px}.signature-hero h1{font-size:clamp(59px,13.7vw,80px)}.signature-hero .eyebrow{font-size:9px;margin-bottom:32px}.signature-hero .hero-description{font-size:15px;max-width:285px}.signature-hero .hero-photo{left:0;opacity:.75}.signature-hero .hero-photo img{object-position:60% center}.signature-hero:after{background:linear-gradient(90deg,#101311e6,#1013116b),linear-gradient(0deg,#101311,transparent 60%)}.signature-hero .photo-label{display:none}.signature-hero .hero-photo figcaption{right:6%;bottom:18px;font-size:8px}.signature-hero .hero-area{margin-top:45px}.intro{grid-template-columns:1fr;gap:23px;padding:38px 6%}.intro>p{font-size:35px}.section{padding:48px 6%}.section h2{font-size:41px}.service-card{padding:30px 23px}.preparation-grid article{border-color:#b8c5aa}.faq{grid-template-columns:1fr;gap:30px}.booking{grid-template-columns:1fr;padding:50px 6%}.booking h2{font-size:58px}footer{padding:30px 6%}.services-heading h1{font-size:49px}.services-heading{padding:55px 6%}}
@media(prefers-reduced-motion:reduce){.signature-hero .hero-photo img{animation:none}.button,.service-link{transition:none}.button:hover{transform:none}}

/* Readability refinement: preserve the automotive design at comfortable text sizes. */
.demo-banner{font-size:.75rem;line-height:1.5}.logo small{font-size:.75rem;letter-spacing:.1em}.nav nav{flex-wrap:wrap}.nav nav a{font-size:.875rem}.signature-hero .eyebrow,.eyebrow,.service-number,.hero-area span{font-size:.75rem}.signature-hero .hero-photo figcaption{font-size:.75rem;max-width:360px;line-height:1.5}.hero-area p,.basis,.service-card ul,.service-link{font-size:.875rem}.service-desc,.preparation-grid p,.intro>div{font-size:1rem}.service-desc{min-height:0}.service-card{min-width:0}.service-card .service-title{overflow-wrap:anywhere}.button{font-size:1rem}.signature-hero .hero-copy{max-width:900px}.signature-hero h1{overflow-wrap:break-word}.faq summary{font-size:1rem}.faq details p{font-size:1rem}.booking p{font-size:1rem}.booking-explanation{font-size:.875rem!important}.small-note,footer p{font-size:.875rem}.step{font-size:.875rem}@media(max-width:600px){.demo-banner{font-size:.75rem}.nav nav a{font-size:.875rem}.logo small{font-size:.75rem}.signature-hero .eyebrow,.eyebrow,.service-number{font-size:.75rem}.signature-hero .hero-photo figcaption{font-size:.75rem;max-width:250px}.hero-area p,.basis,.service-card ul,.service-link{font-size:.875rem}.service-desc,.preparation-grid p,.intro>div{font-size:1rem}.signature-hero .hero-description{font-size:1rem}}

/* September design refinement: reference-led hierarchy and purposeful feedback. */
:root{--detail-accent:#657f18}h1,h2,h3{text-wrap:balance}.service-card{position:relative;border-top:3px solid transparent}.service-card:target{outline:2px solid #657f18;outline-offset:5px;scroll-margin-top:32px}.service-card:target,.service-card:focus-within{border-top-color:#657f18}.service-card .service-title{line-height:1.12}.service-number{font-variant-numeric:tabular-nums;letter-spacing:.12em}.service-card .price{font-variant-numeric:tabular-nums}.service-link{display:flex;align-items:center;min-height:44px}.nav nav a{display:inline-flex;align-items:center;min-height:44px}.faq summary{min-height:44px;padding-block:5px}.faq summary::marker{color:#657f18}.faq details[open] summary{text-decoration:underline;text-underline-offset:6px}.faq details p{max-width:64ch}.signature-hero .hero-description{max-width:40ch}.signature-hero .hero-photo figcaption{letter-spacing:0}.hero-area p{overflow-wrap:anywhere}.service-card>*{min-width:0}.service-scope h2{line-height:1.1}@media(hover:hover) and (pointer:fine){.service-card:hover{border-top-color:#657f18}}@media(max-width:580px){.signature-hero h1{line-height:.97}.signature-hero .hero-copy{padding-bottom:95px}.signature-hero .hero-photo figcaption{max-width:270px}}

/* Service reading: keep scope, price and the next step easy to distinguish. */
.service-card .service-title{overflow-wrap:anywhere;line-height:1.12}
.service-card .basis,.service-card .exclusions,.service-card li,.service-card .service-link{overflow-wrap:anywhere}
.service-card .price{font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.25;letter-spacing:-.035em;overflow-wrap:anywhere}
.service-card .basis{line-height:1.7;max-width:52ch}
.service-card .includes-label{font-size:.875rem;font-weight:700;letter-spacing:.015em;margin:0 0 12px;line-height:1.5}
body[data-page="services"] .service-card ul{font-size:1rem;line-height:1.7}
body[data-page="services"] .service-card .exclusions{font-size:.875rem;line-height:1.75;max-width:62ch}
nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.service-card .service-title{font-size:1.9375rem;font-weight:750;letter-spacing:-.05em;margin:18px 0}
body[data-page="services"] .service-card .includes-label{margin:8px 0 0}
body[data-page="services"] .service-card ul{border-top:0;padding-top:0}
body[data-page="services"] .service-card .exclusions{border-top:1px solid #b8c0ac;padding-top:16px;color:#4a5840}
.nav .logo{min-width:0;overflow-wrap:anywhere}.nav{flex-wrap:wrap}.nav nav{max-width:100%}
@media(max-width:850px){.nav nav a:nth-child(2){display:inline-flex}}

/* Make the destination clear at the point of contact. */
.service-card .contact-hint{font-size:.875rem;line-height:1.6;letter-spacing:0;margin:8px 0 0;max-width:52ch;overflow-wrap:anywhere}
.booking [data-booking-actions]>.contact-hint{flex-basis:100%;font-size:.875rem;line-height:1.6;margin:0;overflow-wrap:anywhere}
.booking [data-booking-actions]>a{min-height:48px;display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere}
.service-card .service-link{max-width:100%;overflow-wrap:anywhere}

/* Client content: readable names and headlines, including longer replacements. */
.nav .logo{flex:1 1 20rem;max-width:42rem;letter-spacing:-.04em;line-height:1.12;text-wrap:balance}
.nav .logo small{line-height:1.6;margin-top:8px}
.nav nav{flex:0 1 auto;gap:12px 24px}
.nav nav a{flex-shrink:0;max-width:100%}
.signature-hero h1{letter-spacing:-.045em;line-height:.98}
.signature-hero .photo-label{max-height:calc(100% - 180px);max-width:5em;white-space:normal;overflow-wrap:anywhere;line-height:1.8;text-wrap:balance}
.signature-hero .hero-area{max-width:40ch}
.signature-hero .hero-description,.logo small,footer p{overflow-wrap:anywhere}
@media(max-width:580px){.nav .logo{flex-basis:100%;font-size:clamp(1.65rem,7vw,1.875rem)}.nav nav{gap:10px 20px}}
