:root { --ink:#0a0c0d; --surface:#111416; --surface-2:#171b1d; --paper:#f4f1ec; --muted:#b9b4ad; --copper:#b47850; --copper-light:#e4ad86; --line:rgba(244,241,236,.16); --max:1200px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--ink); color:var(--paper); font-family:"DM Sans", Arial, sans-serif; font-size:16px; line-height:1.55; } img { display:block; width:100%; height:100%; object-fit:cover; } a { color:inherit; text-decoration:none; } .container { width:min(calc(100% - 48px),var(--max)); margin:0 auto; } .section { padding:112px 0; } h1,h2,h3,p { margin-top:0; } h1,h2,h3 { font-weight:400; line-height:.98; } h1,h2 { font-family:"DM Serif Display", Georgia, serif; letter-spacing:-.035em; } h1 { font-size:clamp(4rem,7vw,7rem); } h2 { font-size:clamp(2.85rem,4.2vw,5rem); } h2 em,h1 em { color:var(--copper-light); font-style:italic; } h3 { font-family:"DM Serif Display", Georgia, serif; font-size:2rem; } p { color:var(--muted); } .section-tag,.location { color:var(--copper-light); font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; font-weight:700; } .section-tag:before,.location:before { content:""; width:32px; height:1px; background:var(--copper); display:inline-block; margin:0 13px 4px 0; } .site-header { position:sticky; top:0; z-index:20; background:rgba(10,12,13,.95); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); } .header-inner { min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:30px; } .brand { letter-spacing:.2em; font-weight:700; font-size:1rem; white-space:nowrap; } .brand span { font-weight:400; } .main-nav { display:flex; align-items:center; gap:28px; font-size:.9rem; } .main-nav>a:not(.nav-book) { color:#ddd9d3; } .main-nav>a:not(.nav-book):hover,.text-link:hover { color:var(--copper-light); } .nav-book { padding:12px 22px; background:var(--copper); border:1px solid var(--copper); transition:.2s; }.nav-book:hover { background:transparent; color:var(--copper-light); }.menu-toggle { display:none; }
.hero { min-height:690px; display:flex; align-items:stretch; border-bottom:1px solid var(--line); }.hero-grid { display:grid; grid-template-columns:.87fr 1.13fr; }.hero-copy { padding:116px 50px 64px 0; align-self:center; }.hero-lead { font-size:1.16rem; max-width:490px; margin:28px 0 36px; }.hero-photo { margin:0; min-height:610px; overflow:hidden; }.hero-photo img { object-position:center; filter:saturate(.86) contrast(1.06); }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 22px; font-weight:600; min-height:52px; transition:.2s; }.button-solid { color:#100e0d; background:var(--copper-light); border:1px solid var(--copper-light); }.button-solid:hover { transform:translateY(-2px); background:#f0c3a3; }.button-outline { border:1px solid rgba(244,241,236,.55); }.button-outline:hover { border-color:var(--copper-light); color:var(--copper-light); }.button span { display:block; font-size:.85rem; font-weight:500; }.trust-list { display:flex; flex-wrap:wrap; gap:0; padding:0; margin:66px 0 0; list-style:none; }.trust-list li { padding:0 18px; color:#d5d0c9; font-size:.84rem; border-left:1px solid var(--line); }.trust-list li:first-child { padding-left:0; border:0; }
.split-intro { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(48px,8vw,120px); }.image-frame { aspect-ratio:1/1; margin:0; overflow:hidden; }.image-frame img { object-position:48% center; }.intro-copy p:not(.section-tag) { max-width:520px; font-size:1.08rem; }.section-heading { max-width:750px; margin-bottom:48px; }.section-heading>p:last-child { font-size:1.06rem; margin-bottom:0; }.heading-row { max-width:none; display:flex; justify-content:space-between; gap:32px; align-items:end; }.side-note { max-width:270px; padding:12px 0 12px 18px; border-left:2px solid var(--copper); font-size:.9rem !important; }.wash-section { background:var(--surface); border-top:1px solid var(--line); }.package-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.package-card { display:flex; flex-direction:column; min-height:535px; padding:34px; border:1px solid rgba(228,173,134,.58); background:rgba(10,12,13,.5); }.package-card.featured { background:#1a1a19; border-color:var(--copper-light); }.package-top { border-bottom:1px solid var(--line); padding-bottom:20px; }.package-top h3 { margin-bottom:8px; }.price { color:var(--paper); font-family:"DM Serif Display", Georgia, serif; font-size:2.3rem; line-height:1; margin:0 0 14px; }.subprice { font-size:.9rem; margin:0; }.included-note { color:var(--copper-light); font-weight:700; margin:24px 0 0; }.package-card ul,.recon-card ul { list-style:none; padding:0; margin:25px 0 auto; }.package-card li,.recon-card li { margin:10px 0; color:#dad6d0; font-size:.94rem; padding-left:22px; position:relative; }.package-card li:before,.recon-card li:before { content:"✓"; position:absolute; left:0; color:var(--copper-light); }.text-link { color:var(--copper-light); font-weight:600; margin-top:24px; border-bottom:1px solid transparent; align-self:flex-start; }.text-link:hover { border-bottom-color:currentColor; }.text-link span { margin-left:6px; }.recon { background:#0e1011; }.recon-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.recon-card { min-height:400px; border-top:1px solid var(--copper); padding:30px 8px 20px 0; }.recon-card .price { color:var(--copper-light); font-size:1.85rem; }.card-number { color:var(--copper); font-size:.75rem; letter-spacing:.16em; }.ceramic-section { background:#17191a; overflow:hidden; }.ceramic-image { margin:0; width:255px; height:135px; overflow:hidden; }.ceramic-image img { object-position:center 65%; } dl { display:flex; gap:18px; margin:25px 0 4px; } dl div { border-left:1px solid var(--copper); padding-left:10px; } dt { font-size:.72rem; color:var(--muted); } dd { margin:2px 0 0; color:var(--paper); font-weight:700; }.extras-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:70px; align-items:start; }.extras-list { border-top:1px solid var(--line); }.extras-list div { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 0; border-bottom:1px solid var(--line); color:#ddd9d3; }.extras-list strong { color:var(--copper-light); white-space:nowrap; }.before-after { background:var(--paper); color:#151516; }.before-after p { color:#5d5b58; }.before-after .section-tag { color:#9e603e; }.centered { text-align:center; margin-inline:auto; }.compare { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.compare figure { margin:0; height:500px; position:relative; overflow:hidden; }.compare figure:first-child img { object-position:center 48%; filter:saturate(.82); }.compare figure:last-child img { object-position:center 34%; }.compare figcaption,.gallery figcaption { position:absolute; left:0; bottom:0; padding:12px 16px; background:rgba(10,12,13,.83); font-size:.84rem; color:var(--paper); }.gallery-grid { display:grid; grid-template-columns:1.1fr 1fr 1fr; grid-template-rows:255px 255px; gap:12px; }.gallery figure { margin:0; overflow:hidden; position:relative; }.gallery-large { grid-row:span 2; }.gallery-grid figure img { transition:transform .5s ease; }.gallery-grid figure:hover img { transform:scale(1.04); }.gallery-grid figure:nth-child(2) img { object-position:center 65%; }.gallery-grid figure:nth-child(3) img { object-position:center 55%; }.gallery-grid figure:nth-child(4) img { object-position:center 40%; }.gallery-copy { max-width:340px; font-size:.98rem !important; }.vehicle-care { background:#151718; border-top:1px solid var(--line); }.vehicle-grid { display:grid; grid-template-columns:1fr 1fr; gap:120px; align-items:center; }.vehicle-grid>div>p:not(.section-tag) { max-width:500px; }.vehicle-prices { border-left:1px solid var(--copper); }.vehicle-prices div { display:flex; justify-content:space-between; padding:24px 0 24px 28px; border-bottom:1px solid var(--line); }.vehicle-prices span { color:#ddd9d3; }.vehicle-prices strong { color:var(--copper-light); }.reason-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }.reason-grid>div { border-top:1px solid var(--copper); padding-top:18px; }.reason-grid span { color:var(--copper-light); font-size:.78rem; letter-spacing:.16em; }.reason-grid h3 { margin:16px 0 8px; font-size:1.5rem; }.reason-grid p { font-size:.9rem; margin:0; }.contact { background:#080909; border-top:1px solid var(--line); padding:88px 0 28px; }.contact-top { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:68px; }.contact-top h2 { margin-bottom:0; }.contact-call { flex-direction:column; align-items:flex-start; min-width:220px; }.contact-call span { font-size:1rem; }.contact-details { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; }.contact-details>div { border-left:1px solid var(--line); padding-left:20px; }.contact-details p { margin-bottom:8px; font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; color:var(--copper-light); }.contact-details address,.contact-details span,.contact-details a { color:#e4dfd7; font-style:normal; font-size:.92rem; }.contact-details a:hover { color:var(--copper-light); }.footer-bottom { border-top:1px solid var(--line); margin-top:70px; padding-top:26px; display:flex; justify-content:space-between; align-items:center; }.footer-bottom p { margin:0; font-size:.8rem; }
@media (max-width:850px) { .section { padding:76px 0; }.container { width:min(calc(100% - 36px),var(--max)); }.menu-toggle { display:flex; width:40px; height:40px; padding:8px; flex-direction:column; justify-content:center; gap:7px; background:transparent; border:0; color:var(--paper); }.menu-toggle span { height:1px; width:24px; background:currentColor; display:block; }.main-nav { display:none; position:absolute; left:0; right:0; top:80px; flex-direction:column; align-items:stretch; padding:20px 24px 26px; background:#111416; border-bottom:1px solid var(--line); gap:20px; }.main-nav.open { display:flex; }.nav-book { text-align:center; }.hero { min-height:auto; }.hero-grid { grid-template-columns:1fr; }.hero-copy { padding:74px 0 46px; }.hero-photo { min-height:380px; height:54vw; }.hero-photo img { object-position:center 52%; }.trust-list { margin-top:42px; }.trust-list li { padding:0 10px; font-size:.75rem; }.split-intro { grid-template-columns:1fr; gap:34px; }.image-frame { aspect-ratio:4/3; }.heading-row { display:block; }.side-note { margin-top:28px !important; }.package-grid { grid-template-columns:1fr; }.package-card { min-height:0; padding:28px; }.package-card ul { margin-bottom:0; }.package-card .text-link { margin-top:28px; }.recon-grid { grid-template-columns:1fr; }.recon-card { min-height:0; }.ceramic-image { width:100%; height:190px; margin-top:28px; }.extras-layout { grid-template-columns:1fr; gap:12px; }.compare figure { height:340px; }.gallery-grid { grid-template-columns:1fr 1fr; grid-template-rows:320px 220px 220px; }.gallery-large { grid-column:span 2; grid-row:auto; }.vehicle-grid { grid-template-columns:1fr; gap:38px; }.reason-grid { grid-template-columns:1fr 1fr; gap:24px; }.contact-top { display:block; margin-bottom:45px; }.contact-call { margin-top:25px; }.contact-details { grid-template-columns:1fr 1fr; row-gap:32px; }.footer-bottom { margin-top:50px; }.gallery-copy { margin-top:16px !important; } }
@media (max-width:520px) { h1 { font-size:4rem; } h2 { font-size:3.05rem; }.header-inner { min-height:70px; }.main-nav { top:70px; }.hero-copy { padding-top:58px; }.hero-lead { font-size:1.05rem; }.hero-actions { display:grid; grid-template-columns:1fr; }.button { width:100%; }.trust-list { display:grid; grid-template-columns:1fr; gap:10px; }.trust-list li { padding:0; border:0; }.section-heading { margin-bottom:35px; }.extras-list div { align-items:flex-start; flex-direction:column; gap:4px; }.compare { grid-template-columns:1fr; }.compare figure { height:330px; }.gallery-grid { grid-template-columns:1fr; grid-template-rows:350px repeat(4,240px); }.gallery-large { grid-column:auto; }.reason-grid { grid-template-columns:1fr; }.contact-details { grid-template-columns:1fr; }.footer-bottom { align-items:flex-start; gap:18px; flex-direction:column; }.vehicle-prices div { flex-direction:column; gap:5px; }.section-tag:before,.location:before { width:20px; margin-right:8px; } }
section[id], footer[id], #tjanster { scroll-margin-top:90px; }
.booking-note { border-left:2px solid var(--copper); padding:12px 18px; margin:0 0 32px; color:var(--paper); }
.results-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px 32px; align-items:start; }
.result-pair h3 { margin-bottom:18px; font-size:1.8rem; }
.result-images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.result-images figure { margin:0; min-width:0; background:#e7e2dc; }
.result-images a { display:block; aspect-ratio:3/4; }
.result-images img { object-fit:contain; filter:none; }
.result-images figcaption { padding:10px 14px; background:#202526; color:var(--paper); font-size:.85rem; font-weight:700; }
.result-images figure:last-child figcaption { background:#805032; }
.result-images a:focus-visible { outline:3px solid #805032; outline-offset:3px; }
.results-note { margin:32px 0 0; text-align:center; font-size:.9rem; }
@media (max-width:850px) { .results-grid { grid-template-columns:1fr; gap:38px; }.result-landscape .result-images a { aspect-ratio:4/3; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.button,.gallery-grid figure img { transition:none; } }