/* Page layouts and responsive navigation from the owner's approved page set. */
.header nav a{font-size:14px}.header nav{gap:20px}.header{gap:20px}.header .brand{flex-basis:154px}.header .brand img{width:154px;height:108px}.header-stock{min-width:128px;padding-inline:18px}.header-phone strong{font-size:14px}
.public-layout:not([data-page=home]) .intro{position:relative;padding:45px 30px;margin-top:30px;margin-bottom:28px;min-height:170px;background:linear-gradient(90deg,#050c11ed 5%,#050c1199 55%,#050c1122),url('/assets/showroom-hero.png') right center/cover;border:1px solid #28353d}.public-layout:not([data-page=home]) .intro h1{font-size:34px;letter-spacing:.015em;margin-bottom:12px;max-width:700px}.public-layout:not([data-page=home]) .intro .eyebrow{font-size:11px;margin-bottom:8px}.public-layout:not([data-page=home]) .intro .lead{font-size:16px;max-width:610px;color:#e0e3e4;margin:0}.public-layout:not([data-page=home]) .section{padding-block:30px 55px}.public-layout:not([data-page=home]) .section.compact{padding-top:0}.public-layout .panel{background:linear-gradient(125deg,#0c181f,#071014);border:1px solid #27363e;border-radius:4px}.public-layout input,.public-layout select,.public-layout textarea{background:#061017;border-color:#354650}.public-layout[data-page=inventory] .car-grid,.public-layout[data-page=sold] .car-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.public-layout .car-image{aspect-ratio:1.9/1}.public-layout .car-copy h3{font-size:18px}.public-layout .car-copy>p{font-size:14px}.public-layout .spec-line{font-size:13px}.public-layout .card-bottom a{font-size:12px}.public-layout .filters{background:#0d191f;border-color:#2b3b43}.public-layout .vehicle-layout{gap:32px;grid-template-columns:1.6fr 1fr}.vehicle-summary{padding:24px;background:#0b151b;border:1px solid #26353c}.vehicle-summary h1{font-size:30px}.vehicle-summary .specs{gap:12px}.vehicle-summary .specs>div{padding:10px;background:#081219;border:1px solid #27363e}.vehicle-summary .badge.inline{margin-bottom:15px}.vehicle-summary .price{font-size:34px;margin-bottom:20px}.vehicle-layout .gallery-main{border:1px solid #3b4b54;border-radius:3px;overflow:hidden}.vehicle-tabs{display:flex;gap:28px;border-bottom:1px solid #33444e;margin-top:28px;overflow:auto}.vehicle-tabs a{padding:15px 0;font-size:14px;white-space:nowrap}.vehicle-tabs a:first-child{border-bottom:3px solid #e1bd6d;color:#f3d48d}.public-layout[data-page=sell-your-car] .intro{background-image:linear-gradient(90deg,#030a0eea,#030a0e80),url('/assets/sell-banner.png')}.public-layout[data-page=sell-your-car] .two-col{gap:45px}.public-layout[data-page=sell-your-car] .two-col>div:first-child{min-height:450px;background:linear-gradient(180deg,#050b0de6,#050b0d33),url('/assets/sell-banner.png') 70% center/cover;padding:30px;border:1px solid #26363e}.public-layout[data-page=diagnostics] .intro{min-height:260px;background-image:linear-gradient(90deg,#030a0efa 15%,#030a0e80 60%,#030a0e22),url('/assets/diagnostics-banner.png')}.public-layout[data-page=diagnostics] .service-row{padding:20px;background:#0c1920;border:1px solid #263943;border-radius:3px;margin-bottom:14px}.public-layout[data-page=diagnostics] .service-row h3{font-size:20px}.public-layout[data-page=about] .about-image{content:url('/assets/showroom-hero.png');height:430px;object-fit:cover;object-position:70% center}.public-layout[data-page=finance] .calculator{max-width:1100px;margin:auto;gap:30px}.public-layout[data-page=finance] .calc-result{background:#061016;padding:25px;border:1px solid #293d49}.public-layout[data-page=contact] .two-col>div:first-child{padding:28px;background:linear-gradient(#061017ef,#061017e6),url('/assets/showroom-hero.png') center/cover;border:1px solid #263943}.public-layout .intro+.two-col h2{font-size:26px}.admin-layout{padding-left:218px;background:#071016}.admin-layout .header{position:fixed;inset:0 auto 0 0;width:218px;height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-right:1px solid #2b3e48;padding:20px 16px;gap:20px}.admin-layout .header .brand{flex:0 0 auto;align-self:center}.admin-layout .header .brand img{width:155px;height:110px}.admin-layout .header nav{display:flex;flex-direction:column;align-items:stretch;margin:0;gap:10px}.admin-layout .header nav a{font-size:14px;padding:12px 14px;border-radius:4px}.admin-layout .header nav a[aria-current]{background:linear-gradient(90deg,#b89a513b,#b89a5115);border-left:3px solid #e4c471;text-decoration:none}.admin-layout .header form{margin-top:auto}.admin-layout .header-phone,.admin-layout .header-stock{display:none!important}.admin-layout .wrap{width:calc(100% - 60px);max-width:1250px}.admin-layout .section{padding-block:35px}.admin-layout h1{font-size:34px;letter-spacing:0}.admin-layout h2{font-size:23px;letter-spacing:0}.admin-layout .panel,.admin-layout fieldset,.admin-layout .stat{background:linear-gradient(120deg,#0c1a22,#08131a);border:1px solid #263943;border-radius:5px}.admin-layout input,.admin-layout select,.admin-layout textarea{background:#07131b;border-color:#344a57}.admin-layout .stats{gap:20px}.admin-layout .stat strong{color:#fff}.admin-layout .stat:first-child{border-top:3px solid #3ba68a}.admin-layout .stat:nth-child(2){border-top:3px solid #e0b956}.admin-layout .stat:nth-child(3){border-top:3px solid #5999cf}.admin-layout .stat:nth-child(4){border-top:3px solid #b984d4}.admin-layout .admin-row{background:#0a1820;padding:18px;border:1px solid #263943;margin-bottom:10px;border-radius:3px}.admin-layout footer{display:none}.photo-studio{margin-top:30px}.photo-studio p{font-size:14px}.photo-studio h2{margin-bottom:12px}.photo-studio form{display:grid;gap:15px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison figure{margin:0}.comparison img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#050b0f}.comparison figcaption{padding-block:10px;font-size:14px;color:#d4be8a}.edit-review{margin-top:25px;padding-top:25px;border-top:1px solid #33454f}.yard-reference{max-width:550px;max-height:300px;object-fit:contain;margin-bottom:25px}.wizard-steps{display:flex;gap:8px;margin:25px 0;overflow:auto}.wizard-steps button{padding:12px 14px;color:#aebfca;border:1px solid #354b58;background:#08141c;border-radius:4px;white-space:nowrap;font-size:14px}.wizard-steps button[aria-current=step]{background:#d9b56c;color:#101010;border-color:#d9b56c}.wizard-controls{display:flex;gap:12px;justify-content:space-between;padding:18px 0}.wizard-controls button{min-width:130px}.wizard-preview{padding:25px;border:1px solid #334b58;border-radius:4px;background:#0b1922}.wizard-preview h2{font-size:25px}.wizard-preview .preview-description{white-space:pre-wrap}.wizard-preview dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wizard-preview dt{font-size:13px;color:#a7b5c0}.wizard-preview dd{margin:0}.wizard-preview img{max-height:260px;max-width:100%;object-fit:contain}.wizard-upload-preview{display:flex;gap:10px;flex-wrap:wrap;margin-block:15px}.wizard-upload-preview img{width:110px;height:85px;object-fit:cover}[hidden]{display:none!important}
@media(max-width:1350px){.header nav{gap:14px}.header .header-phone{display:none}.header nav a{font-size:14px}.header .brand{flex-basis:145px}}
@media(max-width:1050px){.header .header-stock{display:none!important}.public-layout .vehicle-layout{grid-template-columns:1fr 1fr}.admin-layout{padding-left:180px}.admin-layout .header{width:180px}.admin-layout .wrap{width:calc(100% - 36px)}.admin-layout .row-actions{grid-column:1/-1}}
@media(max-width:900px){.public-layout .header{flex-wrap:wrap;height:auto;min-height:80px}.public-layout .header .menu-toggle{display:block;margin-left:auto}.public-layout .header nav{display:none;width:100%;flex-direction:column;padding-bottom:20px}.public-layout .header nav.open{display:flex}.public-layout .header nav a{font-size:16px;padding:8px}.public-layout .header .brand{flex-basis:120px}.public-layout .header .brand img{width:120px;height:84px;clip-path:none}.public-layout[data-page=inventory] .car-grid,.public-layout[data-page=sold] .car-grid{grid-template-columns:1fr 1fr}.public-layout .vehicle-layout{grid-template-columns:1fr}.public-layout:not([data-page=home]) .intro{padding:25px;min-height:170px}.public-layout:not([data-page=home]) .intro h1{font-size:29px}.public-layout[data-page=diagnostics] .intro{padding-bottom:100px;background-position:70% center}.public-layout[data-page=finance] .calculator{grid-template-columns:1fr}.public-layout[data-page=finance] .calc-result{padding:20px}}
@media(max-width:700px){.admin-layout{padding:0}.admin-layout .header{position:relative;inset:auto;width:100%;height:auto;min-height:80px;padding:5px 18px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.admin-layout .header .brand img{width:110px;height:77px}.admin-layout .header .menu-toggle{display:block;margin-left:auto}.admin-layout .header nav{display:none;width:100%}.admin-layout .header nav.open{display:flex}.admin-layout .header>form{margin:0 0 10px}.admin-layout .header .brand{flex-basis:auto}.admin-layout .stats{gap:12px}.admin-layout .stat{padding:15px}.comparison{grid-template-columns:1fr}.wizard-steps button{font-size:12px;padding:10px}.public-layout .vehicle-summary{padding:18px}.public-layout .vehicle-summary h1{font-size:27px}.public-layout .two-col{gap:25px}}
@media(max-width:520px){.public-layout[data-page=inventory] .car-grid,.public-layout[data-page=sold] .car-grid{grid-template-columns:1fr}.public-layout:not([data-page=home]) .intro{width:100%;border-inline:0;margin-top:0;padding:30px 18px}.public-layout .filters{grid-template-columns:1fr 1fr;gap:12px}.public-layout .filters>label:first-child{grid-column:1/-1}.public-layout .filters .button{grid-column:1/-1}.public-layout .filters>a{padding:0}.public-layout[data-page=sell-your-car] .two-col>div:first-child{min-height:0;padding:20px}.public-layout[data-page=sell-your-car] .steps{display:none}.public-layout[data-page=about] .about-image{height:220px}.reference-home .hero{height:auto;min-height:470px;display:flex;align-items:end;background:#060d11}.reference-home .hero-image{height:180px;inset:0 0 auto;background:url('/assets/showroom-hero.png') 70% center/auto 100% no-repeat}.reference-home .hero-content{padding:190px 0 25px}.reference-home .hero h1{font-size:39px}.reference-home .hero .eyebrow{font-size:9px;margin-bottom:12px}.reference-home .hero p:not(.eyebrow){font-size:14px}.reference-home .features{gap:13px;padding-block:18px}.reference-home .features>a{display:block!important;border:1px solid #34444e!important;border-radius:4px;padding:17px 13px!important;background:#09151c;min-height:135px}.reference-home .features .benefit-icon{display:block;text-align:left;color:#ecc669;margin-bottom:12px}.reference-home .features h2{font-size:14px;line-height:1.3}.reference-home .features p{font-size:12px;line-height:1.4}.reference-home .hero .actions{gap:10px}.reference-home .hero .button{min-width:0;flex:1;font-size:12px;padding-inline:10px}}

.review-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.review-gallery figure{margin:0}.review-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #34444e}.review-gallery figcaption{font-size:12px;color:#e5c578;padding:6px 0}.review-gallery figure:first-child{grid-column:1/-1}.review-gallery figure:first-child img{max-height:440px;object-fit:contain;background:#04090d}@media(max-width:520px){.review-gallery{grid-template-columns:1fr 1fr}}
.wizard-steps .step-number{margin-right:6px}.wizard-steps .step-number::after{content:'.'}
@media(max-width:520px){.wizard-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:6px}.wizard-steps button{padding:8px 2px;min-width:0;white-space:normal;font-size:10px;line-height:1.3}.wizard-steps .step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0 auto 5px;border:1px solid currentColor;border-radius:50%;font-size:12px}.wizard-steps .step-number::after{content:none}.wizard-steps .step-label{display:block;overflow-wrap:anywhere}}
.stock-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.stock-results{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.08em;margin:24px 0}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:30px 0}.pagination a[aria-current]{border-color:#e4c471;color:#e4c471}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dashboard-columns .panel{padding:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading h2{margin:0}.section-heading a{font-size:12px;color:#e7c87d}.recent-vehicle,.recent-enquiry{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #20343f}.recent-vehicle:last-child,.recent-enquiry:last-child{border-bottom:0}.recent-vehicle img,.recent-vehicle>.no-photo{width:90px;height:65px;object-fit:cover;flex-shrink:0}.recent-vehicle>div,.recent-enquiry>div{min-width:0;flex:1}.recent-vehicle strong,.recent-enquiry strong{font-size:14px}.recent-vehicle small,.recent-enquiry small{display:block;color:#a7b8c0;font-size:12px;margin-top:4px}.status-pill{font-size:11px;padding:5px 8px;border-radius:3px;background:#263c49;white-space:nowrap}.status-pill.in-stock{background:#08583e}.status-pill.reserved{background:#dcb760;color:#131313}.status-pill.sold{background:#20476a}.recent-enquiry time{font-size:11px;color:#adbbc5}.enquiry-icon{color:#e7c87d;font-size:24px}.dashboard-bottom{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0}.dashboard-stats .stat{position:relative;display:grid;text-decoration:none}.stat-icon{position:absolute;right:20px;top:20px;font-size:26px;color:#ddbd76}.admin-stock-filters{grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin:20px 0}.upload-tile{width:130px;border:1px solid #344a57;padding:8px;border-radius:4px}.wizard-upload-preview .upload-tile img{width:100%;height:90px}.upload-tile .photo-controls{display:flex;gap:5px}.upload-tile button{background:#142530;color:#ecd092;border:1px solid #435660;padding:5px 8px}.gallery-main{position:relative}.gallery-controls{display:flex;justify-content:space-between;gap:12px;margin:12px 0}.gallery-controls button{background:#0a151c;border:1px solid #445661;color:#ead197;padding:8px 16px;border-radius:3px}.gallery-controls span{align-self:center;font-size:13px;color:#adbbc5}.thumbnail[aria-pressed=true]{outline:2px solid #e4c471;outline-offset:2px}
@media(max-width:1050px){.dashboard-columns{grid-template-columns:1fr}.admin-stock-filters{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.stock-filters{grid-template-columns:1fr 1fr}.dashboard-columns .panel{padding:16px}.recent-vehicle{flex-wrap:wrap}.recent-vehicle .status-pill{margin-left:auto}.recent-vehicle img{width:72px;height:55px}.dashboard-stats{grid-template-columns:1fr 1fr}.stat-icon{right:12px;top:12px;font-size:20px}.admin-stock-filters{grid-template-columns:1fr 1fr}.admin-stock-filters>label:first-child{grid-column:1/-1}.recent-enquiry time{display:none}}
/* Long galleries must not force the vehicle grid wider than the viewport. */
.public-layout .vehicle-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}.vehicle-layout>div{min-width:0}.thumbnails{max-width:100%;overscroll-behavior-inline:contain}.sold-vehicle .gallery-main{aspect-ratio:auto;height:360px;max-height:48vh;background:#04090d}.sold-vehicle .gallery-main img{width:100%;height:100%;max-height:360px;object-fit:contain}.sold-vehicle .thumbnail{flex-basis:78px}.sold-vehicle .thumbnail img{width:78px;height:58px}.sold-vehicle .gallery-controls{margin-block:8px}
@media(max-width:900px){.public-layout .vehicle-layout{grid-template-columns:minmax(0,1fr)}.sold-vehicle .gallery-main{height:300px;max-height:40vh}.sold-vehicle .gallery-main img{max-height:300px}}
@media(max-width:520px){.sold-vehicle .gallery-main{height:230px;max-height:35vh}.sold-vehicle .gallery-main img{max-height:230px}.sold-vehicle .thumbnail{flex-basis:64px}.sold-vehicle .thumbnail img{width:64px;height:48px}}
/* Keep the entire photograph visible even in a short browser pane. */
.vehicle-layout .gallery-main img{position:absolute;inset:0;width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain}
/* Blend the original logo into the header without replacing its artwork. */
.header .brand img{background:transparent;clip-path:none;filter:contrast(1.12);mix-blend-mode:lighten}
.header .brand{align-self:center}
/* Owner-supplied three-car photograph; fades belong to the page, not the photo. */
.reference-home .hero{height:440px;background:#080e10}
.reference-home .hero-image{left:32%;background:linear-gradient(90deg,#080e10 0%,#080e1080 12%,transparent 30%),linear-gradient(0deg,#080e10,transparent 24%),url('/assets/three-cars.png') center center/contain no-repeat}
.reference-home .hero-content{width:90.4%;position:relative}
.reference-home .hero h1{font-size:clamp(38px,4.1vw,64px)}
.reference-home .hero p:not(.eyebrow){max-width:390px}
@media(max-width:800px){.reference-home .hero{height:620px}.reference-home .hero-image{left:0;top:280px;background:linear-gradient(180deg,#080e10,transparent 18%),linear-gradient(0deg,#080e10,transparent 22%),url('/assets/three-cars.png') center center/contain no-repeat}.reference-home .hero-content{padding-top:30px}.reference-home .hero h1{font-size:43px}.reference-home .hero p:not(.eyebrow){max-width:360px}}
@media(max-width:520px){.reference-home .hero{height:550px}.reference-home .hero-image{top:300px}.reference-home .hero h1{font-size:40px}}
.header .brand{mix-blend-mode:lighten}.header .brand img{mix-blend-mode:normal}
.reference-home .hero-image{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 92%,transparent)}
@media(max-width:800px){.reference-home .hero-image{mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}}
.header nav a{font-size:17px;font-weight:500}.header nav{gap:18px}.header-phone{display:none}.header .brand{flex-basis:140px}.header .brand img{width:140px;height:98px}
.reference-home .reviews{display:block;padding-block:32px 40px}.review-intro{margin-bottom:20px}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.review-grid .review{padding:24px}.review-grid .review blockquote{font-size:15px;line-height:1.7}.review-stars{color:#e8c785;font-size:20px;letter-spacing:3px;margin-bottom:12px}
@media(min-width:801px) and (max-width:1200px){.header{height:auto;min-height:86px;flex-wrap:wrap;padding-bottom:12px}.header nav{flex:1;flex-wrap:wrap;justify-content:flex-end}.header nav a{font-size:16px}}
@media(max-width:800px){.header nav a{font-size:18px;padding-block:12px}.review-grid{grid-template-columns:1fr}}
.header{min-height:104px;height:auto}.header .brand{display:flex;align-items:center}.header .brand img{display:block}
/* Full-width photographic opening with navigation over the image. */
.public-layout[data-page=home] .header{position:absolute;inset:0 0 auto;z-index:20;background:linear-gradient(180deg,#050b10c7,#050b1040);border-bottom:1px solid #ffffff20;backdrop-filter:blur(3px)}
.public-layout[data-page=home] .header .brand{mix-blend-mode:screen}
.reference-home .hero{height:clamp(640px,56.25vw,1000px);min-height:85svh;align-items:flex-start}
.reference-home .hero-image{inset:0;mask-image:none;background:linear-gradient(180deg,#03080d65,transparent 40%,#080e1050 82%,#080e10),url('/assets/three-cars.png') center center/cover no-repeat}
.reference-home .hero-content{padding-top:150px;pointer-events:none}
.reference-home .hero-content .actions{pointer-events:auto}
.reference-home .hero h1{font-size:clamp(38px,4vw,64px);text-shadow:0 2px 25px #0009}
.reference-home .hero p{text-shadow:0 2px 12px #000}
@media(max-width:1200px) and (min-width:801px){.reference-home .hero-content{padding-top:165px}}
@media(max-width:800px){.reference-home .hero{height:710px;min-height:90svh}.reference-home .hero-image{background:linear-gradient(180deg,#080e1080,transparent 38%,#080e10 96%),url('/assets/three-cars.png') center 78%/100% auto no-repeat,#080e10}.reference-home .hero-content{padding-top:135px}.public-layout[data-page=home] .header:has(nav.open){background:#080e10f5}.reference-home .hero h1{font-size:43px}}
.review-grid.review-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:3px 3px 15px;scrollbar-width:thin;scrollbar-color:#b99c59 #0a1013}.review-carousel .review{flex:0 0 calc(50% - 9px);scroll-snap-align:start;box-sizing:border-box}.review-controls{display:flex;justify-content:flex-end;gap:10px;margin:-55px 0 20px}.review-controls button{min-width:46px;padding:10px}.review-carousel:focus-visible{outline:2px solid #e8c785}@media(max-width:700px){.review-carousel .review{flex-basis:100%}.review-controls{margin:0 0 15px}}