@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--red:#c91218;--dark:#111;--line:#e7e7e7;--muted:#666}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);font-family:Inter,Arial,sans-serif;font-size:14px;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:auto;margin-inline:clamp(16px,4vw,72px)}.site-header{background:#fff;position:relative;z-index:10;border-bottom:1px solid #ededed}.nav{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:22px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-icon{width:66px;height:66px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:31px}.nav-links>a:not(.btn){font-size:11px;font-weight:800;white-space:nowrap;padding:14px 0;position:relative}.nav-links > a:not(.btn):is(:hover, :focus-visible) { color: var(--red); }.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:3px;padding:14px 22px;font-size:12px;font-weight:800;cursor:pointer;min-height:44px;border:1px solid transparent;transition:filter .2s,transform .2s}.btn:hover{filter:brightness(.92);transform:translateY(-1px)}.btn-red{background:var(--red);color:white}.btn-outline{border-color:var(--red);background:transparent;color:#161616}.nav-cta{white-space:nowrap}.menu-toggle{display:none;background:none;border:0;font-size:27px;cursor:pointer}.hero{background:linear-gradient(110deg,#f5f5f5 0%,#f1f1f1 47%,#d4d4d4 100%);overflow:hidden}.hero-inner{--hero-gutter:clamp(16px,4vw,72px);margin-inline:0;padding-inline:var(--hero-gutter);min-height:360px;display:flex;align-items:center;position:relative}.hero-copy{position:relative;z-index:2;width:48%;padding:40px 0}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(40px,4.1vw,67px);line-height:.99;letter-spacing:-.4px;margin:0 0 19px;font-weight:800}.hero h1 span{color:var(--red)}.hero p{font-size:15px;line-height:1.55;max-width:435px;margin:0 0 21px}.hero-actions{display:flex;gap:18px}.hero-photo{position:absolute;right:0;top:0;bottom:0;width:65%;background:url('hero-reference.jpg') center center/cover no-repeat;mask-image:linear-gradient(to right,transparent 0%,black 26%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 26%)}.inventory-preview{padding:35px 0 48px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.eyebrow{font-size:12px;font-weight:800;color:var(--red);letter-spacing:.2px}.section-top h2,.about-inner h2,.inventory-page h1,.detail-info h2,.admin-wrap h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;line-height:1.1}.section-top h2{font-size:32px;margin:4px 0 0}.view-all{font-weight:800;font-size:12px}.view-all span{font-size:24px;color:var(--red);margin-left:7px;vertical-align:middle}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.vehicle-card{display:block;border:1px solid #e1e1e1;border-radius:4px;overflow:hidden;box-shadow:0 2px 6px #0000000a;transition:transform .2s,box-shadow .2s}.vehicle-card:hover{transform:translateY(-3px);box-shadow:0 7px 18px #00000017}.card-img{height:177px;background:#e9e9e9;position:relative}.card-img img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;right:9px;top:9px;background:#111e;color:white;padding:5px 8px;font-size:10px;font-weight:800;text-transform:uppercase}.card-body{padding:12px 13px 15px}.card-body h3{font-size:13px;font-weight:800;text-transform:uppercase;margin:0 0 10px;min-height:30px}.card-body p{font-size:10px;text-transform:uppercase;margin:0 0 9px;color:#444}.price{color:var(--red);font-size:16px}.empty-state{border:1px dashed #d5d5d5;background:#fafafa;text-align:center;padding:45px 20px}.empty-state h3{font-family:'Barlow Condensed',sans-serif;font-size:29px;margin:0 0 6px}.empty-state p{color:var(--muted);line-height:1.5}.empty-state .btn{margin-top:8px}.about-section{background:#f8f8f8;border-top:1px solid #eee}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:48px 0}.about-inner h2{font-size:34px;margin:8px 0}.about-inner p{font-size:14px;line-height:1.9;color:#555}.features{background:#f6f6f6;border-top:1px solid #eee}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.feature{display:flex;gap:14px;padding:0 24px;border-right:1px solid #ddd}.feature:first-child{padding-left:0}.feature:last-child{border:0}.feature-icon{font-size:37px;line-height:1;color:var(--red)}.feature strong{font-size:11px}.feature p{font-size:11px;line-height:1.45;margin:6px 0 0}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:20px 0 16px}footer{background:#151515;color:white}footer h4{font-size:12px;margin:6px 0 17px}footer p,footer a,footer small{font-size:11px;line-height:1.7;color:#ddd}footer p{max-width:300px}footer a{display:block;margin:5px 0}footer a.btn{display:inline-flex;color:#fff}footer small{display:block;color:#888;margin-top:8px}.copyright{border-top:1px solid #333;padding:14px 0;font-size:10px;color:#aaa;display:flex;justify-content:space-between}.copyright a{color:#aaa}.inventory-page{padding:47px 0 75px;min-height:55vh}.inventory-page h1{font-size:48px;margin:5px 0}.muted{color:var(--muted)}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:12px;align-items:end;padding:21px;background:#f7f7f7;border:1px solid #eee;margin:27px 0 22px}.filters label,.vehicle-form label,.auth-box label{font-size:11px;font-weight:800;display:flex;flex-direction:column;gap:8px}.filters input,.filters select,.vehicle-form input,.vehicle-form select,.vehicle-form textarea,.auth-box input{font-family:inherit;border:1px solid #d8d8d8;background:#fff;border-radius:2px;padding:12px 10px;font-size:13px;min-width:0;width:100%;outline-color:var(--red)}.filters .btn{grid-column:span 2}.clear{font-size:12px;text-decoration:underline;color:#555;padding:12px}.results-count{font-weight:700;margin-bottom:16px}.detail-page{padding:34px 0 70px}.back{font-size:11px;font-weight:800;color:var(--red)}.detail-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:36px;margin-top:24px}.detail-photo{background:#eee;aspect-ratio:16/10}.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-info h2{font-size:27px;margin:31px 0 16px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.specs div{border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;gap:12px;padding:12px 0;font-size:12px}.specs span{color:#666}.specs b{text-align:right}.body-copy{line-height:1.8;color:#555}.detail-side{border:1px solid #e6e6e6;align-self:start;padding:28px;position:sticky;top:20px}.detail-side h1{font-family:'Barlow Condensed',sans-serif;font-size:38px;line-height:1.05;margin:10px 0}.detail-price{font-size:33px;font-weight:800;color:var(--red)}.detail-side>p{color:#666;font-size:12px}.full{width:100%;margin:9px 0}.disclaimer{font-size:11px!important;line-height:1.6}.admin-body{background:#f5f5f5}.admin-top{background:#111;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 4%;font-size:12px}.admin-top a{color:#fff}.admin-wrap{max-width:1130px;width:92%;margin:45px auto 80px}.admin-wrap h1{font-size:42px;margin:4px 0}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.admin-heading p{color:#666}.auth-box{max-width:440px;background:#fff;padding:32px;margin:70px auto;border:1px solid #e6e6e6}.auth-box h1{font-size:33px}.auth-box p{color:#666;line-height:1.6}.auth-box label{margin:16px 0}.alert{padding:15px;background:#e5f4e5;border:1px solid #b8d8b8;margin-bottom:20px}.alert.error{background:#ffe9e9;border-color:#ffc5c5}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.stat-row>div{background:white;border:1px solid #eee;padding:23px;display:flex;flex-direction:column;gap:4px}.stat-row b{font-size:30px}.stat-row span{color:#777;font-size:12px}.admin-list{background:white;border:1px solid #ddd}.admin-item{display:flex;gap:18px;align-items:center;border-bottom:1px solid #eee;padding:13px}.admin-item:last-child{border:0}.admin-item img{width:90px;height:62px;object-fit:cover;background:#eee}.admin-item>div{flex:1}.admin-item b,.admin-item small{display:block}.admin-item small{margin-top:7px;color:#666}.admin-item .btn{padding:9px 13px;min-height:34px}.text-btn{border:0;background:transparent;cursor:pointer;color:inherit;font:inherit;font-size:12px}.danger{color:#c00}.vehicle-form{background:white;border:1px solid #e6e6e6;padding:30px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wide-label{margin-top:20px}.vehicle-form textarea{resize:vertical}.form-actions{display:flex;gap:12px;margin-top:25px}.admin-thumb{max-width:220px;display:block;margin-top:12px}
@media(max-width:1150px){.nav-links{gap:17px}.filters{grid-template-columns:repeat(4,1fr)}.filters .btn{grid-column:span 2}.feature{padding:0 13px}}
@media(max-width:850px){.hero-inner{min-height:470px;align-items:flex-start}.hero-copy{width:90%;padding-top:37px}.hero h1{font-size:48px}.hero-photo{width:100%;height:45%;top:auto;bottom:0;right:0;mask-image:linear-gradient(to bottom,transparent,black 28%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 28%)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-img{height:210px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:25px}.feature:nth-child(2){border:0}.about-inner{grid-template-columns:1fr;gap:0}.detail-layout{grid-template-columns:1fr}.detail-side{position:static}.form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero-inner{min-height:450px}.hero-copy{width:100%}.hero h1{font-size:42px}.hero p{max-width:340px}.hero-actions{gap:10px}.hero-actions .btn{padding:12px}.hero-photo{height:42%}.section-top h2{font-size:27px}.view-all{font-size:10px}.cards{grid-template-columns:1fr}.card-img{height:235px}.feature-grid{grid-template-columns:1fr}.feature{padding:0;border:0}.filters{grid-template-columns:1fr 1fr;padding:14px}.filters label:first-child{grid-column:span 2}.filters .btn{grid-column:span 2}.inventory-page h1{font-size:39px}.specs{grid-template-columns:1fr}.detail-side h1{font-size:33px}.form-grid{grid-template-columns:1fr}.vehicle-form{padding:17px}.admin-heading{align-items:flex-start;flex-direction:column}.admin-item{flex-wrap:wrap}.admin-item>div{min-width:45%}.admin-wrap h1{font-size:35px}}

.footer-grid>div{min-width:0;overflow-wrap:anywhere}

.status-badge.sold-badge { background: #aa1622; color: white; font-weight: 800; text-transform: uppercase; }
.card-img { aspect-ratio: 4 / 3; height: auto; }
.card-img img { width: 100%; height: 100%; object-fit: cover; }
.detail-photo { position: relative; aspect-ratio: 4 / 3; }
#signup-dialog { color: #f5f5f5; background: #191919; border: 1px solid #888; border-radius: 12px; padding: 1.5rem; width: min(30rem, calc(100% - 2rem)); }
#signup-dialog::backdrop { background: rgb(0 0 0 / 70%); }
#signup-dialog form[method="dialog"] { float: right; }
.signup-form { max-width: 30rem; display: grid; gap: 1rem; padding-block: 1rem; }
.signup-form input[type="email"] { display: block; width: 100%; margin-top: .3rem; padding: .7rem; }
.signup-consent { display: flex; align-items: flex-start; gap: .5rem; }
#photo-editor { margin: 1rem 0; max-width: 32rem; }
#photo-editor canvas { display: block; width: 100%; height: auto; }
#photo-editor input { width: 100%; }
.subscriber-table { overflow-x: auto; }
.subscriber-table th, .subscriber-table td { text-align: left; padding: .5rem; }

/* Reading sizes and spacing for navigation, listings, and forms. */
body { font-size: 1rem; line-height: 1.55; }
.nav-links { gap: clamp(14px, 2vw, 28px); }
.nav-links > a:not(.btn) { font-size: .9375rem; font-weight: 500; }
.btn { font-size: .875rem; font-weight: 700; text-align: center; }
.hero h1 { line-height: 1.06; }
.hero p, .about-inner p { font-size: 1rem; line-height: 1.65; }
.hero-actions { flex-wrap: wrap; }
.section-top { flex-wrap: wrap; gap: .5rem 1rem; }
.eyebrow, .view-all, .back, .clear { font-size: .875rem; }
.card-body h3 { font-size: 1rem; min-height: 0; text-transform: none; margin-bottom: .25rem; }
.card-body p { font-size: .875rem; text-transform: none; }
.status-badge { font-size: .8125rem; }
.feature-grid { gap: 1rem; }
.feature strong, footer h4 { font-size: 1rem; }
.feature p, footer p, footer a, footer small { font-size: .9375rem; line-height: 1.6; }
.footer-grid { gap: clamp(1rem, 3vw, 2.5rem); }
.copyright { align-items: center; flex-wrap: wrap; justify-content: flex-start; gap: .5rem 1rem; color: #d0d0d0; }
.copyright, .copyright a { font-size: .875rem; }
.copyright .site-version { margin-inline-start: auto; white-space: nowrap; }
.filters label, .vehicle-form label, .auth-box label,
.specs div, .detail-side > p, .text-btn, .stat-row span { font-size: .9375rem; }
.filters input, .filters select, .vehicle-form input, .vehicle-form select,
.vehicle-form textarea, .auth-box input, .signup-form input { font-size: 1rem; }
.disclaimer { font-size: .875rem !important; }
:focus-visible { outline: 2px solid #b71b24; outline-offset: 3px; }

@media (max-width: 980px) {
    .nav { min-height: 74px; }
    .brand-icon { width: 52px; height: 52px; }
    .menu-toggle { display: block; min-width: 44px; min-height: 44px; margin-inline-start: auto; }
    .nav { gap: .25rem; }
    .nav-links { display: none; position: absolute; inset: 100% 0 auto; background: #fff; box-shadow: 0 10px 18px #0002; flex-direction: column; align-items: stretch; gap: 0; padding: 12px 5% 20px; }
    .nav-links.open { display: flex; }
    .nav-links > a:not(.btn) { padding: 12px; }
    .nav-cta { align-self: flex-start; }
}
@media (max-width: 560px) {
    .footer-grid { grid-template-columns: 1fr; }
}

/* Frame the original wordmark around the lettering, excluding excess margins. */
.brand-wordmark {
    position: relative;
    display: block;
    width: 172px;
    aspect-ratio: 1560 / 275;
    overflow: hidden;
}
.brand-wordmark img {
    position: absolute;
    width: 113.718%;
    max-width: none;
    left: -6.859%;
    top: -114.545%;
}
@media (max-width: 560px) {
    .brand .brand-wordmark { width: 150px; }
}

footer .instagram-link { display: inline-flex; align-items: center; gap: .5rem; }
.instagram-link svg { flex-shrink: 0; }
footer h4 { margin-bottom: .5rem; }
.footer-grid p { margin: .25rem 0; }

.header-instagram {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    height: 44px;
}
.header-instagram:is(:hover, :focus-visible) { color: var(--red); }
.footer-quick-links { display: flex; flex-wrap: wrap; gap: 0 .75rem; }
.footer-quick-links a { margin: 0; }
@media (min-width: 981px) {
    .footer-grid { grid-template-columns: 1.45fr 1fr 1fr; }
}