:root{--ink:#281d23;--muted:#62525a;--wine:#791c33;--dark:#371a26;--line:#e6dbdb;--paper:#faf4ef;--blush:#f3e5e5;--gutter:clamp(21px,4.8vw,75px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:white;color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}
[hidden]{display:none!important}
img,svg{display:block;max-width:100%}
a{color:inherit}
button,select{font:inherit}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ad5263;outline-offset:4px}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.04;letter-spacing:-.054em}
.wrap{max-width:1512px;margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:absolute;top:10px;left:13px;z-index:10;background:white;padding:7px 12px;transform:translateY(-150%)}
.skip:focus{transform:none}
.site-head,.site-foot{background:white}
.site-head{border-bottom:1px solid var(--line)}
.head,.foot-top{display:flex;align-items:center;justify-content:space-between;gap:19px}
.head{min-height:77px}
.brand{display:inline-flex;align-items:center;gap:10px;flex:none;text-decoration:none}
.mark{width:42px;height:42px}
.brand span{display:grid;line-height:1.13}
.brand strong{font-size:1.13rem;letter-spacing:-.027em}
.brand small{font-size:.63rem;text-transform:uppercase;letter-spacing:.102em;font-weight:800;color:var(--muted);margin-top:5px}
nav{display:flex;align-items:center;gap:clamp(13px,2.3vw,33px)}
nav a{font-size:.86rem;font-weight:750;text-decoration:none;text-underline-offset:5px;white-space:nowrap}
nav a:hover,nav a[aria-current=page]{text-decoration:underline}
.menu{display:none;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);padding:6px 10px;font-weight:750}
.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.135em;font-size:.72rem;line-height:1.34}
.hero{background:var(--paper)}
.hero-inner{display:grid;grid-template-columns:45% 55%;min-height:499px}
.hero-copy{align-self:center;padding:clamp(39px,5.4vw,78px) clamp(15px,3.1vw,46px) clamp(37px,5.4vw,75px) 0}
.hero-copy .eyebrow{color:var(--wine);display:flex;align-items:center;gap:7px}
.hero-copy .eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--wine);flex:none}
.hero h1{font-size:clamp(3.25rem,5.7vw,5.5rem);letter-spacing:-.074em;margin:13px 0 17px;max-width:13ch}
.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:1.08rem;max-width:41ch}
.hero-art{position:relative;overflow:hidden;margin:22px calc(-1 * var(--gutter)) 22px 0;border-radius:15px 0 0 15px}
.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% 55%}
.hero-art figcaption{position:absolute;bottom:11px;right:13px;background:#2b2024;color:white;padding:4px 8px;border-radius:4px;font-size:.65rem}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:25px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 15px;background:var(--wine);color:#fff9f6;border:0;border-radius:5px;text-decoration:none;font-weight:800;font-size:.89rem;line-height:1.25;cursor:pointer}
.button:hover{background:#942843}
.text-link{color:var(--wine);font-weight:800;text-underline-offset:4px;font-size:.88rem}
.finder{border-block:1px solid var(--line);background:#fff}
.finder-inner{display:grid;grid-template-columns:.8fr 1.2fr;align-items:end;gap:18px;padding-block:19px}
.finder h2{font-size:1.55rem;margin-top:4px}
.finder .eyebrow,.section .eyebrow{color:var(--wine)}
.finder form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px}
.finder label{display:block;font-size:.78rem;font-weight:750;margin-bottom:4px}
.finder select{width:100%;color:var(--ink);background:#fff;border:1px solid #cfbfc5;border-radius:5px;font-size:.86rem;padding:9px 8px;min-height:42px}
.finder .button{min-height:42px}
.section{padding-block:clamp(40px,4.6vw,70px)}
.section h2,.dealer h2{font-size:clamp(2.1rem,4.05vw,3.62rem);margin-top:7px}
.section-head{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:15px;margin-bottom:19px}
.section-head>p,.guide-grid p,.vehicle-copy p:not(.vehicle-type){color:var(--muted);font-size:.92rem;max-width:53ch}
.vehicle-results{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.vehicle-results p{color:var(--muted);font-size:.83rem;font-weight:750}
.vehicle-results button{background:#fff;color:var(--wine);border:1px solid var(--line);border-radius:5px;font-weight:800;font-size:.8rem;padding:6px 10px;cursor:pointer}
.vehicle-results button:hover{background:var(--paper)}
.vehicle-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vehicle{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.vehicle-media{position:relative;overflow:hidden;aspect-ratio:1.77;background:#ebe4db}
.vehicle-photo{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%);background-image:url("./assets/vehicle-catalogue.webp");background-size:300% 200%;background-repeat:no-repeat}
.photo-0{background-position:0 0}
.photo-1{background-position:50% 0}
.photo-2{background-position:100% 0}
.photo-3{background-position:0 100%}
.photo-4{background-position:50% 100%}
.photo-5{background-position:100% 100%}
.vehicle-copy{padding:13px 15px 15px}
.vehicle-type{font-size:.68rem;color:var(--wine);text-transform:uppercase;letter-spacing:.11em;font-weight:800}
.vehicle h3{font-size:1.45rem;margin:4px 0 7px}
.vehicle-copy p:not(.vehicle-type){margin-bottom:8px}
.vehicle-copy .text-link{font-size:.82rem}
.empty{padding:18px;background:var(--paper);border-radius:7px;color:var(--muted)}
.guide{background:var(--paper);border-block:1px solid var(--line)}
.guide-grid{list-style:none;padding:0;margin:0}
.guide-grid li{border-top:2px solid #b96d7e;background:white;border-radius:0 0 7px 7px;padding:14px 13px 17px}
.guide-grid span{font-weight:800;color:var(--wine);font-size:.78rem}
.guide-grid h3{font-size:1.21rem;margin:6px 0}
.dealer{background:var(--dark);color:white;padding-block:35px}
.dealer .wrap{display:flex;align-items:center;justify-content:space-between;gap:17px}
.dealer h2{max-width:26ch;font-size:clamp(1.8rem,3.15vw,3rem)}
.dealer .eyebrow{color:#f5bcbd}
.dealer p:not(.eyebrow){font-size:.91rem;color:#f3e0e4;margin-top:7px}
.dealer .button{background:#f5c5c4;color:#421c28;flex-shrink:0}
.dealer .button:hover{background:#ffdad3}
.foot-top{padding-block:26px}
.foot-bottom{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-block:13px;font-size:.77rem;color:var(--muted)}
.foot-bottom a{font-weight:750;text-underline-offset:4px}
.inner-hero{background:var(--paper);border-bottom:1px solid var(--line);padding-block:53px}
.inner-hero .eyebrow{color:var(--wine);margin-top:15px}
.inner-hero h1{font-size:clamp(2.6rem,5.05vw,4.7rem);margin:8px 0 13px}
.inner-hero p:not(.eyebrow),.inner-content p{color:var(--muted);max-width:65ch}
.inner-content{max-width:790px;padding-block:40px 63px}
.inner-content h2{font-size:1.65rem;margin-bottom:8px}
.inner-content p{margin-bottom:10px}
.inner-content section+section{margin-top:27px}
.inner-content .button{margin:3px 0 9px}
#vehicles,#guide,#dealers{scroll-margin-top:12px}
@media(max-width:930px){.foot-top{align-items:flex-start;flex-direction:column}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:730px){
 .head{min-height:66px;flex-wrap:wrap;padding-block:8px;gap:0 10px}
 .menu{display:inline-flex}
 #main-nav{display:none;width:100%;padding:11px 0 5px;flex-wrap:wrap;gap:10px 15px}
 #main-nav[data-open=true]{display:flex}
 .hero-inner{grid-template-columns:1fr;min-height:0}
 .hero-copy{padding:34px 0 24px}
 .hero h1{font-size:clamp(2.8rem,10.25vw,4.15rem)}
 .hero-art{height:clamp(235px,61vw,370px);margin:0 calc(-1 * var(--gutter));border-radius:0}
 .finder-inner,.section-head{grid-template-columns:1fr;gap:11px}
 .finder form{grid-template-columns:1fr 1fr}
 .finder .button{grid-column:1/-1}
 .guide-grid{grid-template-columns:1fr}
 .foot-top nav{flex-wrap:wrap;gap:10px 15px}
}
@media(max-width:420px){.brand strong{font-size:1rem}.brand small{font-size:.55rem}.vehicle-grid{grid-template-columns:1fr}.dealer .wrap,.foot-bottom{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}