@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#16110e;--espresso:#281a13;--cognac:#9b5c38;--cognac-bright:#bd7950;--cream:#f4efe7;--line:rgba(42,27,18,.18);--muted:#756b63}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.5}a{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}.site-header{height:82px;padding:0 clamp(1.3rem,5vw,5rem);position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;gap:2rem;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.17);color:#fff}.wordmark{color:inherit;text-decoration:none;letter-spacing:.24em;font-size:.77rem;font-weight:700;white-space:nowrap}.wordmark span{font-size:.57em;letter-spacing:.34em;margin-left:.36rem}.header-nav{display:flex;gap:clamp(1rem,2.3vw,2.5rem);margin-left:auto}.header-nav a,.header-phone{color:#fff;text-decoration:none;font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.header-phone{border-left:1px solid rgba(255,255,255,.3);padding-left:1.5rem}.hero{min-height:min(825px,100vh);position:relative;overflow:hidden;color:#fff;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background:url('brand/district-motors-hero-v1.png') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,8,7,.92) 0%,rgba(12,9,7,.68) 34%,rgba(12,8,6,.12) 70%),linear-gradient(0deg,rgba(10,7,6,.55),transparent 38%)}.hero-copy-wrap{position:relative;z-index:1;width:min(1260px,90%);margin:7rem auto 3rem}.kicker{margin:0 0 1.15rem;color:#dcc8b6;text-transform:uppercase;letter-spacing:.19em;font:500 .64rem 'DM Mono',monospace}.kicker-dark{color:var(--cognac)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.055em;line-height:.93}h1{max-width:650px;font-size:clamp(4rem,8vw,8.5rem)}.hero-copy{max-width:420px;color:#e3dad0;font-size:1.08rem;margin:1.7rem 0 2.1rem}.button-row{display:flex;flex-wrap:wrap;gap:.7rem}.button{display:inline-block;padding:1rem 1.3rem;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;font-weight:700}.button:hover{transform:translateY(-2px)}.button-cognac{color:#fff;background:var(--cognac)}.button-cognac:hover{background:var(--cognac-bright)}.button-ghost{color:#fff;border:1px solid rgba(255,255,255,.62)}.button-ghost:hover{background:#fff;color:var(--ink)}.button-ink{background:var(--ink);color:#fff}.button-cream{background:var(--cream);color:var(--espresso)}.hero-footer{position:absolute;z-index:1;left:5%;right:5%;bottom:1.8rem;display:flex;justify-content:space-between;color:rgba(255,255,255,.75);font:.63rem 'DM Mono',monospace;letter-spacing:.06em}.hero-footer a{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.12em}.hero-footer b{color:var(--cognac-bright);font-size:1rem}.finder{background:#fdf9f3;display:grid;grid-template-columns:1fr 2fr;padding:2.1rem clamp(1.3rem,7vw,10rem);align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.finder-title p:last-child{margin:0;font:500 1.12rem 'Playfair Display',Georgia,serif}.finder-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.finder-links a{border:1px solid var(--line);padding:1.1rem 1rem;color:var(--ink);text-decoration:none;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.1em;font-size:.64rem;font-weight:700}.finder-links a:hover{border-color:var(--cognac);color:var(--cognac)}.finder-links span{font-size:1rem}.inventory-section,.about-section{padding:clamp(5rem,10vw,10rem) clamp(1.3rem,7vw,10rem)}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:end;margin-bottom:3.5rem}h2{font-size:clamp(3.1rem,6vw,6.6rem)}.section-heading>p,.about-grid>p{color:var(--muted);max-width:430px;font-size:1.02rem;margin:0 0 .5rem}.inventory-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:1.3rem}.vehicle-card{background:#e9e0d5}.vehicle-visual{min-height:320px;position:relative;overflow:hidden;background-color:#2d211a}.vehicle-card-large .vehicle-visual{min-height:470px}.vehicle-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(14,9,6,.5))}.visual-truck{background-image:linear-gradient(0deg,rgba(26,13,7,.18),rgba(26,13,7,.18)),url('brand/district-motors-hero-v1.png');background-size:cover;background-position:65% center}.visual-suv{background-image:linear-gradient(0deg,rgba(36,21,13,.32),rgba(36,21,13,.32)),url('brand/district-motors-hero-v1.png');background-size:cover;background-position:100% center}.vehicle-visual span{position:absolute;z-index:1;top:1.2rem;left:1.2rem;color:#fff;border:1px solid rgba(255,255,255,.45);padding:.48rem .6rem;text-transform:uppercase;font:.57rem 'DM Mono',monospace;letter-spacing:.14em}.vehicle-meta{padding:1.35rem 1.5rem 1.55rem}.vehicle-meta p{color:var(--cognac);text-transform:uppercase;font:500 .58rem 'DM Mono',monospace;letter-spacing:.14em;margin-bottom:.55rem}.vehicle-meta h3{font:500 clamp(1.55rem,2.4vw,2.4rem) 'Playfair Display',Georgia,serif;letter-spacing:-.04em;margin-bottom:1rem}.vehicle-meta a{color:var(--ink);text-decoration:none;text-transform:uppercase;font-size:.63rem;font-weight:700;letter-spacing:.11em;border-bottom:1px solid var(--ink);padding-bottom:.25rem}.vehicle-meta a:hover{color:var(--cognac);border-color:var(--cognac)}.section-action{padding-top:2.3rem;text-align:center}.three-ways{background:var(--espresso);color:#fff;padding:clamp(5rem,9vw,9rem) clamp(1.3rem,7vw,10rem);display:grid;grid-template-columns:1.15fr .85fr .85fr .85fr;gap:1rem}.three-ways-intro h2{color:#f8eee3}.service-link{min-height:280px;padding:1.4rem;position:relative;display:flex;flex-direction:column;color:#f8eee3;text-decoration:none;border-left:1px solid rgba(238,220,202,.25)}.service-link:hover{background:rgba(255,255,255,.045)}.service-link span{color:#c79068;font:.6rem 'DM Mono',monospace;letter-spacing:.1em}.service-link strong{font:500 2rem 'Playfair Display',Georgia,serif;letter-spacing:-.04em;margin:3rem 0 1rem}.service-link p{color:#cfc0b4;font-size:.88rem}.service-link b{color:#c79068;margin-top:auto;font-size:1.45rem;font-weight:400}.source-section{padding:clamp(5rem,10vw,10rem) clamp(1.3rem,12vw,15rem);display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:center;background:#e9dfd2}.source-copy>p:not(.kicker){max-width:460px;margin:1.6rem 0 2rem;color:var(--muted);font-size:1.04rem}.source-note{align-self:stretch;background:var(--cognac);color:#fff;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:310px}.source-note span{font-text-transform:uppercase;font:.58rem 'DM Mono',monospace;letter-spacing:.16em;color:#f0c7aa}.source-note p{font:500 clamp(1.5rem,2.5vw,2.35rem) 'Playfair Display',Georgia,serif;line-height:1.08;letter-spacing:-.04em}.source-note a{color:#fff;text-decoration:none;font-size:.78rem}.finance-section{padding:clamp(5rem,9vw,9rem) clamp(1.3rem,12vw,15rem);background:linear-gradient(110deg,#17100c,#3b2115);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end}.finance-section h2{color:#f8eee3}.finance-copy{max-width:440px}.finance-copy p{color:#d2bcae;font-size:1.03rem;margin:0 0 2rem}.about-section{background:#fcf8f1}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:end}.contact-section{background:#0e0b09;color:#f6eee4;padding:clamp(5rem,9vw,9rem) clamp(1.3rem,7vw,10rem);display:grid;grid-template-columns:1fr 1.2fr;gap:5rem}.contact-section h2{margin-bottom:2rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(255,255,255,.16)}.contact-grid a,.contact-grid div{min-height:145px;padding:1.6rem 1.2rem 1.4rem 0;color:#f6eee4;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.16);font-size:.96rem}.contact-grid a:nth-child(even),.contact-grid div:nth-child(even){padding-left:1.2rem;border-left:1px solid rgba(255,255,255,.16)}.contact-grid span{display:block;color:#c68a61;font:.57rem 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.8rem}.contact-grid em{color:#ab9c91;font-size:.82rem;font-style:normal}footer{background:#0e0b09;color:#c3b7ac;padding:1.5rem clamp(1.3rem,5vw,5rem);border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:space-between;gap:1rem;font:.6rem 'DM Mono',monospace;letter-spacing:.08em}footer .wordmark{color:#fff}footer a:last-child{color:#c68a61;text-decoration:none}@media(max-width:850px){.header-nav{display:none}.header-phone{margin-left:auto}.finder,.section-heading,.source-section,.finance-section,.about-grid,.contact-section{grid-template-columns:1fr;gap:2.3rem}.finder-links{grid-template-columns:1fr;gap:.55rem}.inventory-grid{grid-template-columns:1fr}.vehicle-card-large .vehicle-visual{min-height:390px}.three-ways{grid-template-columns:1fr}.three-ways-intro{margin-bottom:1.5rem}.service-link{min-height:auto;border-left:0;border-top:1px solid rgba(238,220,202,.25)}.service-link strong{margin:1.5rem 0 .6rem}.service-link b{position:absolute;right:1rem;top:1.4rem}.source-note{min-height:250px}.contact-grid{grid-template-columns:1fr}.contact-grid a:nth-child(even),.contact-grid div:nth-child(even){padding-left:0;border-left:0}.contact-grid a,.contact-grid div{min-height:auto}.hero-footer{display:none}}@media(max-width:550px){.site-header{height:70px}.header-phone{font-size:.62rem;padding-left:.8rem}.wordmark{font-size:.63rem}.hero{min-height:760px;align-items:flex-end}.hero-image{background-position:63% center}.hero-overlay{background:linear-gradient(90deg,rgba(8,7,6,.86),rgba(8,7,6,.36)),linear-gradient(0deg,rgba(8,7,6,.8),transparent 65%)}.hero-copy-wrap{margin:0 auto 5rem}.hero-copy{font-size:.98rem}.button{width:100%;text-align:center}.vehicle-card-large .vehicle-visual,.vehicle-visual{min-height:270px}.source-section,.finance-section,.inventory-section,.about-section,.contact-section{padding-left:1.3rem;padding-right:1.3rem}footer{flex-wrap:wrap}}