:root { --ink:#101612; --pine:#18372c; --pine-2:#244d3c; --moss:#798b5b; --clay:#c96b3b; --clay-dark:#a94d28; --cream:#f3f0e8; --paper:#fbfaf6; --line:#d8d7cf; --muted:#667068; --white:#fff; --shadow:0 24px 70px rgba(16,22,18,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; line-height:1.6; }
body.menu-open { overflow:hidden; }
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
.shell { width:min(1160px,calc(100% - 40px)); margin-inline:auto; }
.narrow { width:min(820px,calc(100% - 40px)); }
.section { padding:108px 0; }
.eyebrow { display:inline-flex; align-items:center; gap:10px; color:var(--clay); font-size:.72rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.eyebrow::before { content:""; width:30px; height:2px; background:currentColor; }
.eyebrow.light { color:#e4a07a; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:Georgia,"Times New Roman",serif; line-height:1.02; letter-spacing:-.025em; }
h2 { margin-bottom:22px; font-size:clamp(2.3rem,4.6vw,4.4rem); font-weight:500; }
h3 { font-size:1.5rem; }
em { color:var(--clay); font-weight:inherit; }
.topline { background:var(--ink); color:#d8ddd9; font-size:.72rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.topline-inner { height:34px; display:flex; align-items:center; justify-content:space-between; }
.site-header { position:relative; z-index:50; background:rgba(251,250,246,.96); border-bottom:1px solid rgba(16,22,18,.1); }
.nav-wrap { min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.brand { display:inline-flex; align-items:center; gap:12px; flex-shrink:0; }
.brand-mark { position:relative; width:58px; height:46px; overflow:hidden; }
.peak { position:absolute; bottom:6px; width:42px; height:34px; background:var(--pine); clip-path:polygon(50% 0,100% 100%,0 100%); }
.peak-a { left:0; }.peak-b { right:-5px; bottom:4px; background:var(--moss); transform:scale(.73); transform-origin:bottom; }
.shine { position:absolute; width:23px; height:3px; left:6px; bottom:4px; background:var(--clay); transform:skew(-32deg); }
.brand-copy { display:flex; flex-direction:column; line-height:1; }
.brand-copy strong { color:var(--ink); font-size:1rem; letter-spacing:.11em; }
.brand-copy small { margin-top:6px; color:var(--clay); font-size:.57rem; font-weight:900; letter-spacing:.18em; }
.main-nav { display:flex; align-items:center; gap:30px; font-size:.78rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.main-nav>a:not(.nav-cta) { padding:14px 0; border-bottom:2px solid transparent; }
.main-nav>a:not(.nav-cta):hover { color:var(--clay); border-bottom-color:var(--clay); }
.nav-cta,.primary-btn,.secondary-btn,.ghost-btn { display:inline-flex; min-height:50px; align-items:center; justify-content:center; gap:22px; padding:0 24px; border:1px solid transparent; font-size:.75rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; transition:transform .2s,background .2s,color .2s,border-color .2s; }
.nav-cta,.primary-btn { background:var(--clay); color:#fff; }.nav-cta:hover,.primary-btn:hover { background:var(--clay-dark); transform:translateY(-2px); }
.secondary-btn { border-color:rgba(255,255,255,.5); color:#fff; background:rgba(16,22,18,.18); backdrop-filter:blur(5px); }.secondary-btn:hover { border-color:#fff; background:rgba(255,255,255,.1); }
.ghost-btn { border-color:var(--pine); color:var(--pine); }
.menu-toggle { display:none; width:46px; height:42px; border:0; background:transparent; padding:8px; }.menu-toggle span { display:block; height:2px; margin:6px 0; background:var(--ink); }
.hero { position:relative; min-height:700px; overflow:hidden; background:var(--ink); color:#fff; }
.hero-bg,.page-hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-shade,.page-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,15,11,.95) 0%,rgba(8,15,11,.84) 35%,rgba(8,15,11,.34) 68%,rgba(8,15,11,.14) 100%); }
.hero-contour { position:absolute; inset:auto 0 0; height:135px; opacity:.17; background:linear-gradient(155deg,transparent 48%,#fff 49%,transparent 50%),linear-gradient(25deg,transparent 51%,#fff 52%,transparent 53%); background-size:280px 100px; }
.hero-content { position:relative; z-index:2; min-height:700px; display:flex; align-items:center; padding-top:40px; padding-bottom:70px; }
.hero-copy { width:min(690px,65%); }
.hero h1,.page-hero h1,.contact-hero h1 { margin:22px 0 24px; font-size:clamp(3.8rem,7vw,6.8rem); font-weight:500; }
.hero-copy>p,.page-hero-copy>p { width:min(590px,100%); color:#e2e8e3; font-size:1.08rem; line-height:1.8; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.hero-proof { display:flex; flex-wrap:wrap; gap:24px; margin-top:38px; color:#d7dfd9; font-size:.75rem; font-weight:700; letter-spacing:.03em; }.hero-proof b { color:#e4a07a; margin-right:6px; }
.trust-strip { position:relative; z-index:4; background:var(--cream); border-bottom:1px solid var(--line); }.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.trust-grid>div { padding:26px 30px; border-right:1px solid var(--line); }.trust-grid>div:first-child { padding-left:0; }.trust-grid>div:last-child { border:0; }
.trust-grid strong,.trust-grid span { display:block; }.trust-grid strong { color:var(--pine); font-family:Georgia,serif; font-size:1.15rem; }.trust-grid span { margin-top:4px; color:var(--muted); font-size:.76rem; }
.section-head { display:grid; grid-template-columns:1.4fr .7fr; align-items:end; gap:70px; margin-bottom:54px; }.section-head h2 { margin:16px 0 0; }.section-head>p { color:var(--muted); line-height:1.8; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); }
.service-card { position:relative; min-height:370px; padding:34px 28px; background:var(--paper); border-right:1px solid var(--line); transition:background .25s,color .25s,transform .25s; }.service-card:last-child { border-right:0; }
.service-card:hover { z-index:2; background:var(--pine); color:#fff; transform:translateY(-8px); box-shadow:var(--shadow); }
.card-number { color:#a5aaa5; font-size:.67rem; font-weight:900; letter-spacing:.1em; }.service-icon { display:block; margin:47px 0 25px; color:var(--clay); font-family:Georgia,serif; font-size:2.5rem; line-height:1; }
.service-card h3 { margin-bottom:18px; font-size:1.75rem; }.service-card p { color:var(--muted); font-size:.9rem; line-height:1.75; }.service-card:hover p { color:#d7dfd9; }
.text-link { display:inline-flex; gap:14px; align-items:center; margin-top:15px; color:var(--clay); font-size:.7rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.text-link.light { color:#efb28f; }
.center-link { margin-top:30px; text-align:center; color:var(--pine); font-size:.8rem; font-weight:800; }
.split-section { display:grid; grid-template-columns:1fr 1fr; min-height:730px; background:var(--pine); color:#fff; }.split-image { position:relative; min-height:650px; }.split-image img { width:100%; height:100%; object-fit:cover; }
.image-tag { position:absolute; right:0; bottom:0; padding:20px 30px; background:var(--clay); color:#fff; font-family:Georgia,serif; font-style:italic; }
.split-copy { display:flex; flex-direction:column; justify-content:center; padding:80px max(42px,8vw); }.split-copy>p { max-width:610px; color:#d3ddd6; line-height:1.8; }
.check-list { list-style:none; padding:0; margin:30px 0 10px; }.check-list li { display:grid; grid-template-columns:45px 1fr; gap:12px; padding:20px 0; border-top:1px solid rgba(255,255,255,.15); }.check-list li>span { color:#e4a07a; font-size:.7rem; font-weight:900; }.check-list strong { font-family:Georgia,serif; font-size:1.15rem; }.check-list p { margin:5px 0 0; color:#bdc9c1; font-size:.85rem; }
.process-section { background:var(--cream); }.process-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.process-grid article { padding:45px 40px 15px 0; }.process-grid article+article { padding-left:40px; border-left:1px solid var(--line); }.process-grid span { color:var(--clay); font-size:.7rem; font-weight:900; }.process-grid h3 { margin:32px 0 14px; font-size:1.65rem; }.process-grid p { color:var(--muted); font-size:.9rem; }
.area-section { background:var(--ink); color:#fff; }.area-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:center; }.area-layout>div:first-child>p { color:#bfc9c1; }
.area-links { display:grid; grid-template-columns:1fr 1fr; margin-top:35px; border-top:1px solid rgba(255,255,255,.16); }.area-links a { display:flex; justify-content:space-between; padding:16px 0; margin-right:24px; border-bottom:1px solid rgba(255,255,255,.16); font-family:Georgia,serif; }.area-links a:hover { color:#efb28f; }.small-note { margin-top:25px; font-size:.76rem; line-height:1.7; }
.map-card { position:relative; min-height:460px; overflow:hidden; border:1px solid rgba(255,255,255,.14); background:radial-gradient(circle at 70% 35%,rgba(121,139,91,.28),transparent 34%),#142019; }.map-card::before,.map-card::after { content:""; position:absolute; inset:8% 12%; border:1px solid rgba(255,255,255,.08); border-radius:46% 54% 40% 60%; transform:rotate(-15deg); }.map-card::after { inset:18% 6% 12% 23%; transform:rotate(20deg); }.map-lines { position:absolute; inset:0; opacity:.12; background:repeating-radial-gradient(ellipse at center,transparent 0 22px,#fff 23px 24px); transform:rotate(-12deg) scale(1.5); }.map-card>strong { position:absolute; left:30px; bottom:24px; color:rgba(255,255,255,.17); font-size:2.5rem; letter-spacing:.08em; }
.map-label { position:absolute; z-index:2; padding:4px 8px; background:rgba(16,22,18,.8); font-size:.72rem; font-weight:800; }.label-sev { top:34%; left:51%; }.label-pf { top:53%; left:44%; }.label-gat { top:70%; left:54%; }.label-kod { top:20%; left:30%; }.map-pin { position:absolute; z-index:3; width:12px; height:12px; border:3px solid #efb28f; border-radius:50%; box-shadow:0 0 0 8px rgba(201,107,59,.16); }.pin-one { top:36%; left:48%; }.pin-two { top:55%; left:41%; }.pin-three { top:72%; left:51%; }.pin-four { top:22%; left:27%; }
.faq-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:100px; align-items:start; }.section-intro { position:sticky; top:30px; }.section-intro h2 { margin-top:16px; }.section-intro p { color:var(--muted); }
.faq-list details { border-top:1px solid var(--line); }.faq-list details:last-child { border-bottom:1px solid var(--line); }.faq-list summary { display:flex; justify-content:space-between; gap:30px; padding:24px 0; cursor:pointer; list-style:none; font-family:Georgia,serif; font-size:1.12rem; font-weight:700; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color:var(--clay); font-family:Arial,sans-serif; transition:transform .2s; }.faq-list details[open] summary span { transform:rotate(45deg); }.faq-list details p { padding:0 50px 24px 0; color:var(--muted); font-size:.9rem; }
.quote-band { padding:80px 0; color:#fff; background:linear-gradient(105deg,rgba(24,55,44,.98),rgba(24,55,44,.85)),url('/images/exterior-detailing.webp') center/cover; }.quote-band-inner { display:flex; align-items:center; justify-content:space-between; gap:60px; }.quote-band h2 { margin:15px 0 12px; }.quote-band p { margin:0; color:#c9d5cd; }.primary-btn.large { min-height:62px; padding-inline:34px; }
.site-footer { padding:75px 0 25px; background:#0b100d; color:#c7cec9; }.site-footer .brand-copy strong { color:#fff; }.footer-grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:60px; }.footer-grid p { max-width:340px; margin-top:25px; color:#8f9b93; font-size:.85rem; }.footer-grid h2 { margin-bottom:18px; color:#e7ebe8; font-family:Arial,sans-serif; font-size:.68rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }.footer-grid>div:not(:first-child) a { display:block; margin:9px 0; color:#9eaaa2; font-size:.8rem; }.footer-grid a:hover { color:#efb28f!important; }
.footer-bottom { display:grid; grid-template-columns:1fr auto 1fr; gap:30px; margin-top:60px; padding-top:23px; border-top:1px solid rgba(255,255,255,.1); color:#68736c; font-size:.68rem; }.footer-bottom span:last-child { text-align:right; }.mobile-action { display:none; }
.page-hero { position:relative; min-height:600px; display:flex; align-items:end; overflow:hidden; background:var(--ink); color:#fff; }.page-hero-shade { background:linear-gradient(90deg,rgba(8,15,11,.93),rgba(8,15,11,.55),rgba(8,15,11,.22)); }.page-hero-copy { position:relative; z-index:2; padding-top:120px; padding-bottom:80px; }.page-hero h1 { max-width:880px; font-size:clamp(3.5rem,6.5vw,6.2rem); }.page-hero-copy>p { max-width:690px; }
.detail-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; }.detail-layout h2 { margin-top:16px; font-size:clamp(2.4rem,4vw,3.8rem); }.best-for { padding:25px; border-left:3px solid var(--clay); background:var(--cream); color:var(--muted); }.included-list { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }.included-list li { display:grid; grid-template-columns:34px 1fr; gap:12px; padding:20px 0; border-bottom:1px solid var(--line); }.included-list span { color:var(--clay); font-weight:900; }
.related-section { background:var(--cream); }.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.related-grid a { padding:36px; background:#fff; border:1px solid var(--line); transition:.2s; }.related-grid a:hover { border-color:var(--clay); transform:translateY(-4px); }.related-grid span,.related-grid b { color:var(--clay); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; }.related-grid h3 { margin:42px 0 15px; font-size:1.8rem; }.related-grid p { color:var(--muted); font-size:.88rem; }
.location-hero .page-hero-shade { background:linear-gradient(90deg,rgba(8,15,11,.95),rgba(8,15,11,.62),rgba(8,15,11,.25)); }.city-intro { text-align:center; }.city-intro .narrow>p { color:var(--muted); font-size:1.06rem; line-height:1.9; }.city-facts { display:grid; grid-template-columns:repeat(3,1fr); margin-top:50px; border:1px solid var(--line); text-align:left; }.city-facts>div { padding:25px; border-right:1px solid var(--line); }.city-facts>div:last-child { border:0; }.city-facts strong,.city-facts span { display:block; }.city-facts strong { color:var(--pine); font-family:Georgia,serif; font-size:1.2rem; }.city-facts span { margin-top:6px; color:var(--muted); font-size:.78rem; }.services-section.alt { background:var(--cream); }
.two-column-copy,.story-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:110px; }.two-column-copy>div:last-child,.story-layout>div:last-child { color:var(--muted); font-size:1rem; line-height:1.9; }.two-column-copy h2,.story-layout h2 { margin-top:16px; }.story-section .lead-paragraph { color:var(--ink); font-family:Georgia,serif; font-size:1.45rem; line-height:1.55; }
.values { padding:70px 0; background:var(--pine); color:#fff; }.values-grid { display:grid; grid-template-columns:repeat(3,1fr); }.values article { padding:15px 45px; border-right:1px solid rgba(255,255,255,.15); }.values article:first-child { padding-left:0; }.values article:last-child { border:0; }.values span { color:#e4a07a; font-size:.68rem; font-weight:900; }.values h2 { margin:24px 0 12px; font-size:2.3rem; }.values p { color:#c6d0c9; font-size:.88rem; }
.contact-hero { padding:90px 0 100px; background:var(--pine); color:#fff; }.contact-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:85px; align-items:start; }.contact-copy { padding-top:35px; }.contact-copy>p { max-width:540px; color:#c8d3cb; }.contact-methods { margin-top:45px; border-top:1px solid rgba(255,255,255,.17); }.contact-methods>* { display:flex; justify-content:space-between; gap:20px; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.17); }.contact-methods span { color:#aebbb2; font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; }.contact-methods strong { color:#fff; font-size:.9rem; }
.form-card { padding:45px; background:var(--paper); color:var(--ink); box-shadow:var(--shadow); }.form-card h2 { margin-bottom:8px; font-size:2rem; }.form-card>p { color:var(--muted); font-size:.82rem; }.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.quote-form label { display:block; margin-top:18px; }.quote-form label>span { display:block; margin-bottom:7px; color:#505a53; font-size:.7rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }.quote-form input,.quote-form select,.quote-form textarea { width:100%; border:1px solid #cfd1ca; background:#fff; color:var(--ink); padding:13px 14px; outline:0; border-radius:0; }.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus { border-color:var(--clay); box-shadow:0 0 0 3px rgba(201,107,59,.12); }.quote-form textarea { resize:vertical; }.form-submit { width:100%; margin-top:22px; border:0; cursor:pointer; }.form-note { margin:12px 0 0!important; text-align:center; font-size:.7rem!important; }.hidden-field { position:absolute; left:-10000px; }.after-quote { background:var(--cream); }
.legal-hero { padding:100px 0 70px; background:var(--pine); color:#fff; }.legal-hero h1 { margin:18px 0 5px; font-size:clamp(3rem,7vw,5.5rem); }.legal-copy h2 { margin:42px 0 10px; font-size:1.8rem; }.legal-copy p { color:var(--muted); }.legal-copy a { color:var(--clay); text-decoration:underline; }

@media(max-width:980px){.main-nav{gap:18px}.service-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.service-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.split-section,.area-layout,.faq-layout,.detail-layout,.contact-layout,.two-column-copy,.story-layout{grid-template-columns:1fr}.split-image{min-height:520px}.area-layout,.faq-layout,.detail-layout,.contact-layout,.two-column-copy,.story-layout{gap:55px}.section-intro{position:static}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.location-services{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.shell{width:min(100% - 30px,1160px)}.section{padding:75px 0}.topline-area{display:none}.topline-inner{justify-content:center}.nav-wrap{min-height:72px}.brand-mark{width:48px;transform:scale(.88);transform-origin:left center;margin-right:-5px}.brand-copy strong{font-size:.84rem}.brand-copy small{font-size:.5rem}.menu-toggle{display:block}.main-nav{position:fixed;inset:106px 0 0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:35px 25px;background:var(--paper)}.main-nav.open{display:flex}.main-nav>a{padding:18px 5px!important;border-bottom:1px solid var(--line)!important}.main-nav .nav-cta{margin-top:20px}.hero,.hero-content{min-height:680px}.hero-bg{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(8,15,11,.94),rgba(8,15,11,.76))}.hero-content{align-items:end;padding-bottom:70px}.hero-copy{width:100%}.hero h1,.page-hero h1,.contact-hero h1{font-size:clamp(3rem,14vw,4.5rem)}.hero-copy>p,.page-hero-copy>p{font-size:.96rem}.hero-actions>*{width:100%}.hero-proof{gap:10px 18px}.trust-grid{grid-template-columns:1fr}.trust-grid>div,.trust-grid>div:first-child{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.section-head{grid-template-columns:1fr;gap:10px;margin-bottom:38px}.section-head h2,h2{font-size:clamp(2.3rem,11vw,3.5rem)}.service-grid,.location-services{grid-template-columns:1fr}.service-card{min-height:auto;border-right:0;border-bottom:1px solid var(--line)!important}.service-icon{margin:30px 0 18px}.split-copy{padding:65px 25px}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article+article{padding:30px 0;border-left:0;border-bottom:1px solid var(--line)}.area-links{grid-template-columns:1fr}.map-card{min-height:360px}.map-card>strong{font-size:1.55rem}.quote-band-inner{align-items:stretch;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:45px 25px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-grid>div:last-child{grid-row:auto}.footer-bottom{grid-template-columns:1fr;gap:8px}.footer-bottom span:last-child{text-align:left}.site-footer{padding-bottom:90px}.mobile-action{position:fixed;z-index:70;display:grid;grid-template-columns:.75fr 1.25fr;gap:8px;left:0;right:0;bottom:0;padding:9px 12px max(9px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -7px 25px rgba(16,22,18,.15)}.mobile-action a{min-height:48px}.page-hero{min-height:580px}.page-hero>img{object-position:60% center}.page-hero-copy{padding-bottom:55px}.related-grid,.city-facts,.values-grid{grid-template-columns:1fr}.related-grid a{padding:30px}.city-facts>div{border-right:0;border-bottom:1px solid var(--line)}.values article,.values article:first-child{padding:30px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.field-grid{grid-template-columns:1fr;gap:0}.form-card{padding:30px 20px}.contact-methods>*{flex-direction:column;gap:2px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
