@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#17211e;--green:#183c31;--paper:#f6f5f1;--muted:#65706a;--line:#d9ddd6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:var(--paper);border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:29px;letter-spacing:4px;white-space:nowrap}.brand span{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:5px;text-align:center;margin-top:9px}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav a:hover{color:#4b765f}.nav-contact{border-bottom:1px solid;padding-bottom:7px}.menu{display:none}.hero{height:650px;position:relative;display:flex;align-items:center;padding:6%;color:white;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.08))}.hero-content{position:relative;z-index:1;max-width:720px}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:600;margin:0 0 26px}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;font-weight:400}h1{font-size:clamp(42px,5.5vw,78px);line-height:1.06;letter-spacing:-3px;margin:0 0 24px}h2{font-size:clamp(30px,3.3vw,47px);line-height:1.15;letter-spacing:-1.7px;margin:0 0 24px}h3{font-size:23px;line-height:1.3;margin:12px 0}.hero p:not(.eyebrow){max-width:400px;line-height:1.7;color:#ddd}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 24px;border:1px solid var(--green);background:var(--green);color:white;font-size:12px;letter-spacing:.5px}.btn.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn.outline{background:transparent;color:inherit;border-color:currentColor}.strip{padding:22px 6%;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1px;text-transform:uppercase}.section{padding:85px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2{margin:0}.text-link{font-size:12px;border-bottom:1px solid;padding:10px 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 26px}.car-image{aspect-ratio:1.5;overflow:hidden;background:#d8d9d5;position:relative}.car-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.car:hover img{transform:scale(1.035)}.badge{position:absolute;left:18px;top:18px;padding:8px 12px;background:var(--paper);font-size:10px;letter-spacing:1px;text-transform:uppercase}.car-bottom{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.car-bottom h3{font-size:22px}.car-bottom p{font-size:12px;color:var(--muted);margin:0 0 18px}.price{white-space:nowrap;font-size:17px;padding-top:16px}.approach{display:grid;grid-template-columns:1fr 1fr;background:#e9ebe4}.approach>img{width:100%;height:650px;object-fit:cover}.approach-content{padding:80px 12%;align-self:center}.approach-content p{font-size:14px;line-height:1.9;color:var(--muted)}.principle{border-top:1px solid #bdc6bc;padding:18px 0;display:flex;gap:18px;font-size:13px}.principle span{font-size:10px;color:var(--muted)}.sell-banner{background:var(--green);color:white;padding:66px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px}.sell-banner h2{margin:0}.sell-banner p{color:#c9d4ce;font-size:14px;line-height:1.6}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-details p{font-size:14px;line-height:1.8}.contact-details h3{font-size:12px;text-transform:uppercase;letter-spacing:1px}footer{background:#e9ebe4;padding:50px 6%;display:grid;grid-template-columns:1fr 1fr;gap:32px}footer>div{display:flex;flex-direction:column;align-items:end;gap:12px;font-size:13px}footer p,footer small{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.page-intro{padding:65px 6% 20px}.page-intro h1{font-size:56px}.page-intro>p:last-child{color:var(--muted);line-height:1.7}.filters{display:flex;gap:12px;margin-bottom:32px}.filters button{padding:12px 24px;border:1px solid var(--line);background:transparent;color:var(--ink)}.filters button.active{background:var(--green);color:white;border-color:var(--green)}.detail{padding:40px 6% 80px}.back{display:inline-block;font-size:12px;margin:0 0 30px}.detail-main{display:grid;grid-template-columns:1.35fr 1fr;gap:50px}.detail-main img{width:100%;aspect-ratio:1.4;object-fit:cover;cursor:zoom-in}.detail-main h1{font-size:42px;letter-spacing:-1.5px}.detail-price{font-size:26px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:30px 0}.specs div{padding:13px 0;border-top:1px solid var(--line);font-size:13px}.description{max-width:900px;margin:55px 0;line-height:1.9;color:var(--muted);font-size:14px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery button{padding:0;border:0;background:none}.gallery img{width:100%;aspect-ratio:1.4;object-fit:cover}dialog{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;background:#080a09;border:0;padding:0;color:white;overflow:hidden}dialog::backdrop{background:#000}dialog img{display:block;width:100%;height:100%;object-fit:contain}dialog button{position:absolute;z-index:1;display:grid;place-items:center;min-width:44px;min-height:44px;background:#111b;color:#fff;border:1px solid #ffffff50;border-radius:50%;padding:10px;font-size:20px;backdrop-filter:blur(6px)}dialog button:hover{background:#111e}#closeGallery{right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top))}#prev{left:max(12px,env(safe-area-inset-left));top:50%;transform:translateY(-50%)}#next{right:max(12px,env(safe-area-inset-right));top:50%;transform:translateY(-50%)}#counter{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:block;padding:7px 13px;border-radius:20px;background:#111b;text-align:center;font-size:12px}html:has(dialog[open]){overflow:hidden}.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:40px 6% 85px}.form-layout aside p{line-height:1.8;color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:12px}input,select,textarea{display:block;width:100%;border:1px solid #bdc6bc;background:white;color:var(--ink);padding:13px;margin-top:9px;border-radius:0}textarea{min-height:120px}.wide{grid-column:1/-1}fieldset{border:0;padding:0;margin:0 0 30px}legend{font-size:20px;margin:0 0 20px}form .note{font-size:12px;line-height:1.7;color:var(--muted)}:focus-visible{outline:3px solid #9cae6b;outline-offset:4px}@media(max-width:750px){header{height:85px;padding:0 6%;position:relative;z-index:5}.brand{font-size:22px}.brand span{font-size:7px}.menu{display:block;border:0;background:none;font-size:12px}nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--paper);padding:24px 6%;flex-direction:column;align-items:start}nav.open{display:flex}.hero{height:610px}.hero>img{object-position:60% center}.hero h1{font-size:50px;letter-spacing:-2px}.strip{font-size:9px;flex-wrap:wrap;justify-content:center;gap:15px}.section{padding:55px 6%}.section-head{align-items:start;gap:20px}.section-head .text-link{white-space:nowrap;font-size:10px}.grid{grid-template-columns:1fr}.approach,.contact,.detail-main,.form-layout{grid-template-columns:1fr}.approach>img{height:350px}.approach-content{padding:45px 6%}.sell-banner{align-items:start;flex-direction:column;padding:45px 6%}.contact{gap:24px}.contact-details{gap:20px}.contact-details p{font-size:12px}footer{grid-template-columns:1fr}footer>div{align-items:start}.page-intro{padding-top:45px}.page-intro h1{font-size:45px}.detail-main{gap:25px}.detail-main h1{font-size:36px}.gallery{grid-template-columns:repeat(2,1fr)}.form-layout{gap:30px}.form-grid{gap:15px}.car-bottom h3{font-size:20px}.price{font-size:15px}.detail{padding-top:30px}}

/* Original Carl Joseph signage artwork, shown without alteration. */
header,footer{background:#000;color:#eee}header{border-bottom-color:#252525}.brand{display:inline-block;line-height:0}.brand img{display:block;width:300px;max-width:100%;height:auto}header nav a:hover{color:#c8c8c8}footer p,footer small{color:#aaa}footer .brand{align-self:start}footer .brand img{width:320px}@media(max-width:750px){.brand img{width:225px}.menu{color:#eee}nav{background:#000}footer .brand img{width:275px}}@media(max-width:360px){.brand img{width:190px}}

.showroom{padding-bottom:0}.showroom-intro{color:var(--muted);font-size:14px;line-height:1.8;margin:-10px 0 30px}.showroom-photos{display:grid;grid-template-columns:1.8fr 1fr;gap:18px;align-items:stretch}.showroom-photos img{display:block;width:100%;height:100%;object-fit:cover;min-height:0}.showroom-entrance{grid-column:1;grid-row:1}.showroom-setting{grid-column:1;grid-row:2}.showroom-interior{grid-column:2;grid-row:1 / 3}@media(max-width:750px){.showroom-photos{display:flex;flex-direction:column;gap:16px}.showroom-photos img{height:auto}.showroom-intro{margin-top:-8px}}

.walkaround{margin:48px 0}.walkaround video{display:block;width:100%;max-width:560px;max-height:75vh;aspect-ratio:512/910;object-fit:contain;background:#080a09;border-radius:3px}

.showroom-additions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;align-items:start}.showroom-additions img{display:block;width:100%;height:auto}@media(max-width:750px){.showroom-additions{grid-template-columns:1fr;gap:16px;margin-top:16px}}

.showroom-mixed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px;align-items:center}.showroom-mixed img{display:block;width:100%;height:auto;min-width:0}@media(max-width:750px){.showroom-mixed{grid-template-columns:minmax(0,1fr);gap:24px}.showroom-mixed img:nth-child(odd){width:100%}}

@media(max-width:750px){.approach>img{width:88%;height:auto;margin:32px auto 0;object-fit:contain}}