@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--yellow:#ffff00;--ink:#111212;--muted:#666a69;--paper:#f5f5f2;--line:#d5d7d1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #777700;outline-offset:5px}.skip{position:absolute;left:15px;top:-80px;z-index:99;background:var(--yellow);padding:15px}.skip:focus{top:10px}.preview-note{padding:9px 5%;background:#242626;color:#fff;font-size:12px;letter-spacing:.09em;display:flex;gap:20px}.preview-note span{color:#c6c9c5;letter-spacing:0}header{height:108px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white;border-bottom:1px solid #333}.brand{display:flex;align-items:center;gap:12px}.brand img{border-radius:50%}.brand>span{font-size:24px;font-weight:700;letter-spacing:-1px}.brand b{font-size:12px;letter-spacing:.17em;color:var(--yellow);display:block}nav{display:flex;gap:34px;font-size:14px}nav a:hover{color:var(--yellow)}.outline{border:1px solid currentColor;padding:13px 20px;background:transparent;color:inherit;border-radius:0;font-weight:600}.small{font-size:14px}.small span{margin-left:25px}.hero{min-height:630px;position:relative;color:white;overflow:hidden;background:#181c1d}.hero-photo{position:absolute;inset:0;background-size:cover;background-position:center 58%;opacity:.84}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,9,.95),rgba(5,8,9,.5) 48%,rgba(5,8,9,.02)),linear-gradient(0deg,rgba(5,8,9,.7),transparent 45%)}.hero-content{position:relative;padding:48px 5% 98px;max-width:760px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.5}.hero .eyebrow{color:#d5d7cf}.mode-switch{display:inline-flex;margin-top:23px;padding:5px;background:rgba(20,23,23,.8);border:1px solid #656864;border-radius:3px}.mode-switch button{border:0;border-radius:1px;color:white;background:transparent;padding:13px 23px;font-size:14px;font-weight:700}.mode-switch button[aria-pressed=true]{color:#121212;background:var(--yellow)}h1,h2,h3,p{margin-top:0}h1,h2,.statement{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700}h1{font-size:clamp(70px,7.8vw,116px);line-height:.95;letter-spacing:-.025em;margin:27px 0 24px;text-transform:uppercase}em{font-style:normal;color:var(--yellow)}.hero-content p{max-width:390px;line-height:1.65;color:#dcdfdc;margin-bottom:27px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 24px;font-weight:700;font-size:14px;min-height:54px}.yellow{background:var(--yellow);color:#121212}.yellow:hover{background:#e8e800}.hero-bottom{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.11em;border-top:1px solid #72756a;padding-top:20px}.hero-bottom b{font-weight:500;color:var(--yellow)}.statement{display:flex;align-items:center;gap:25px;background:var(--ink);padding:30px 5%;font-size:clamp(30px,4vw,58px);color:white;letter-spacing:-.02em}.accent{color:var(--yellow)}.statement-detail{font-family:'DM Sans',sans-serif;margin-left:auto;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.6;color:#c3c6c0}.section{padding:90px 5%}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.section h2{font-size:clamp(40px,4.5vw,64px);line-height:1.02;letter-spacing:-.02em;margin:13px 0 25px}.section-top p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:28px}.filter-row{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:22px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:10px 17px;border:1px solid var(--line);background:transparent;font-size:14px;border-radius:2px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.sample-label{font-size:12px;color:var(--muted);letter-spacing:.08em}.car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.car-card{background:#fff;border:1px solid #e0e2db}.car-image{aspect-ratio:1.5;position:relative;overflow:hidden;background:#dbdeda}.car-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.car-card:hover img{transform:scale(1.035)}.car-tag{position:absolute;top:15px;left:15px;background:white;padding:7px 10px;font-size:12px;font-weight:600}.car-info{padding:23px}.car-meta{font-size:12px;color:var(--muted);letter-spacing:.1em;margin-bottom:10px}.car-info h3{font-size:24px;letter-spacing:-.05em;margin-bottom:15px}.specs{display:flex;gap:14px;font-size:13px;color:var(--muted);padding-bottom:21px;border-bottom:1px solid #e1e3dd}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:20px}.card-bottom span{font-size:14px;font-weight:600}.card-bottom button{background:var(--ink);color:white;border:0;padding:12px 15px;font-size:14px}.stock-note{font-size:13px;color:var(--muted);line-height:1.6;margin-top:20px;max-width:830px}.process{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:12%}.process-intro p{color:#b8bdb8;line-height:1.7;max-width:390px}.process .eyebrow{color:var(--yellow)}.text-link{border:0;border-bottom:1px solid var(--yellow);padding:10px 0;background:none;color:var(--yellow);font-weight:600}.text-link span{margin-left:30px}.step{display:grid;grid-template-columns:45px 1fr;gap:18px;border-top:1px solid #4b4d48;padding:25px 0}.step:last-child{padding-bottom:0}.step-number{font-size:14px;color:var(--yellow);padding-top:4px}.step h3{font-size:22px;margin-bottom:9px;font-weight:500}.step p{color:#b8bdb8;line-height:1.6;font-size:14px;margin-bottom:0}.questions{display:grid;grid-template-columns:1fr 1.35fr;gap:9%}details{border-bottom:1px solid var(--line);padding:23px 0}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-weight:600;display:flex;justify-content:space-between;gap:20px;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:23px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:14px;line-height:1.8;color:var(--muted);margin:15px 35px 0 0}.closing{background:var(--yellow);padding:60px 5%;position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px}.closing .eyebrow{grid-column:1/-1}.closing h2{font-size:clamp(60px,8vw,112px);line-height:.93;text-transform:uppercase;margin:12px 0}.closing em{color:var(--ink);-webkit-text-stroke:1px var(--ink);color:transparent}.dark{background:var(--ink);color:white;margin-bottom:12px}footer{background:var(--ink);color:white;display:flex;align-items:center;gap:40px;padding:25px 5%}footer>span{margin-left:auto;color:#b8bdb8;font-size:12px}footer p{margin:0;color:#b8bdb8;font-size:14px}.lease-planner{padding:30px 5%;display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:25px;align-items:center;background:white;border-bottom:1px solid var(--line)}[hidden]{display:none!important}.lease-planner h2{font-size:28px;margin:5px 0 0}.lease-planner label,label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:600}input,textarea{padding:13px;border:1px solid #b7bab1;border-radius:0;background:white;color:var(--ink);width:100%;min-width:0}#date-feedback{grid-column:1/-1;margin:0;color:#815006;font-size:14px}#date-feedback:empty{display:none}dialog{width:min(560px,calc(100% - 30px));border:0;padding:40px;background:var(--paper);max-height:90vh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.75)}dialog h2{font-size:44px;margin:12px 0}.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:30px}.dialog-note{font-size:14px;line-height:1.65;color:var(--muted)}form label{margin:20px 0}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.dialog-actions .outline{font-size:14px}#enquiry-status{font-size:14px;margin-bottom:0;line-height:1.5}
@media(min-width:1700px){header,.section,.statement,.closing,footer{padding-left:max(5%,calc((100vw - 1500px)/2));padding-right:max(5%,calc((100vw - 1500px)/2))}.hero-content{margin-left:calc((100vw - 1600px)/2)}}@media(max-width:900px){nav{gap:18px}.brand>span{display:none}.hero{min-height:620px}.hero-photo{background-position:65% center}.car-grid{gap:13px}.car-info{padding:17px}.specs{gap:8px;flex-wrap:wrap}.card-bottom{align-items:flex-start;flex-direction:column}.section{padding:65px 5%}.process{gap:6%}.lease-planner{grid-template-columns:1fr 1fr}.statement-detail{display:none}.questions{gap:6%}}@media(max-width:600px){.preview-note{font-size:10px;gap:9px;align-items:center}.preview-note span{font-size:11px;max-width:230px}header{height:88px}.brand img{width:60px;height:60px}nav a{font-size:13px}nav a:first-child{display:none}nav{gap:15px}header .outline{padding:11px 12px}header .small span{display:none}.hero-content{padding-top:35px;padding-bottom:105px}.hero{min-height:660px}.hero-photo{background-position:64% center;opacity:.65}.hero-shade{background:linear-gradient(90deg,rgba(5,8,9,.8),rgba(5,8,9,.25)),linear-gradient(0deg,rgba(5,8,9,.8),transparent)}h1{font-size:76px}.hero-content p{max-width:320px;font-size:15px}.hero-bottom{font-size:10px}.hero-bottom>span:first-child{max-width:110px}.mode-switch button{padding:12px 20px}.statement{gap:15px;padding-top:25px;padding-bottom:25px;font-size:34px}.section-top{display:block}.section-top p{margin-bottom:15px}.filter-row{align-items:flex-start;gap:15px;flex-direction:column}.filters{gap:6px}.filters button{font-size:13px;padding:10px 12px}.car-grid{grid-template-columns:1fr;gap:25px}.car-info{padding:23px}.card-bottom{flex-direction:row;align-items:center}.car-image{aspect-ratio:1.5}.process,.questions{grid-template-columns:1fr;gap:32px}.section h2{font-size:46px}.closing{grid-template-columns:1fr}.closing h2{font-size:77px}.closing .button{justify-self:start;margin-top:15px}footer{gap:20px;flex-wrap:wrap}footer>span{margin-left:0;width:100%}.lease-planner{gap:18px}.lease-planner>div,.lease-planner .button{grid-column:1/-1}dialog{padding:30px 23px}.hero .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-photo{background-image:url("assets/hero.jpg")}.footer-contact{display:flex;flex-direction:column;gap:8px;font-size:14px}.footer-contact a:hover{text-decoration:underline}.dialog-actions .dark{margin:0}
@media(min-width:901px){.hero-photo{left:35%;background-position:center 62%}.hero-shade{background:linear-gradient(90deg,#101414 10%,rgba(10,14,14,.94) 28%,rgba(10,14,14,.18) 70%),linear-gradient(0deg,rgba(5,8,9,.7),transparent 40%)}}.car-card:last-child .car-image img{object-position:center 60%}

/* Purchase consultation and handwritten branding */
header{background:#000000}.brand img{border-radius:0;object-fit:contain;width:86px;height:64px}
.consultation-shortcut{display:block;width:fit-content;font-size:14px;line-height:1.6;margin-bottom:20px;border-bottom:1px solid #ffff0080;padding-bottom:5px;color:var(--yellow)}
.consultation{background:#e9ece5;display:grid;grid-template-columns:.9fr 1.4fr;gap:6%;border-bottom:1px solid var(--line)}.consultation-intro p{max-width:390px;color:#545b52;line-height:1.75}.consultation-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.consultation-options article{background:#fff;padding:30px 24px;display:flex;flex-direction:column;border-top:3px solid #111}.country-label{font-size:12px;font-weight:700;letter-spacing:.11em;color:#656c61}.consultation-options h3{font-size:26px;letter-spacing:-.045em;margin:30px 0 12px}.consultation-options p{font-size:14px;line-height:1.7;color:#62695d;margin-bottom:30px}.consultation-options .button{margin-top:auto;gap:12px}
/* A rounded wave rises through each button without obscuring its label. */
:is(button,.button){position:relative;isolation:isolate;overflow:hidden;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out,transform .15s ease-out}
:is(button,.button)::before{content:'';position:absolute;z-index:-1;pointer-events:none;left:-20%;top:0;width:140%;height:350%;border-radius:44% 51% 46% 49%;background:var(--liquid-fill,#ffff00);transform:translateY(29%) rotate(-8deg);transition:transform .55s cubic-bezier(.16,1,.3,1),border-radius .65s cubic-bezier(.16,1,.3,1)}
:is(button,.button):is(:hover,:focus-visible)::before{transform:translateY(-32%) rotate(12deg);border-radius:49% 44% 51% 46%}
:is(button,.button):is(:hover,:focus-visible){color:var(--liquid-text,#111)}
:is(.yellow,.mode-switch button[aria-pressed=true]){--liquid-fill:#fff;--liquid-text:#111}
:is(button,.button):active{transform:translateY(1px)}
@media(max-width:1050px){header{gap:18px}nav{gap:17px}.consultation{grid-template-columns:1fr;gap:25px}.consultation-intro p{max-width:650px}}
@media(max-width:700px){header nav{display:none}.brand img{width:65px;height:54px}.consultation-options{grid-template-columns:1fr}.consultation-options h3{margin-top:20px}.consultation-shortcut{max-width:300px}.hero{min-height:720px}}
@media(max-width:380px){.brand{gap:5px}.brand img{width:50px}header{gap:8px}}
@media(prefers-reduced-motion:reduce){:is(button,.button)::before{transition:none}:is(button,.button):active{transform:none}}

/* Subtle navigation-to-hero blend; content remains above the fade. */
header{border-bottom:0}.hero::after{content:"";position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 24%,rgba(0,0,0,.25) 65%,transparent 100%);pointer-events:none;z-index:1}.hero-content,.hero-bottom{z-index:2}.brand img{width:100px;height:70px}@media(max-width:700px){.brand img{width:82px;height:58px}.hero::after{height:85px}}