/* Architectural nocturne: a new public sample identity, 2026-10-15. */
:root{--ink:#101d28;--paper:#faf9f6;--mist:#f0f0ec;--muted:#59616a;--line:#dce0df;--r-card:6px;--r-input:4px;--r-pill:4px}
body{margin:0}.demo-bar{background:#07121c;color:#abb5be;font-size:12px;padding-block:5px}
.header{background:#0b1925;color:#f5f2e9;border-color:#34404a;position:relative}
.header-inner{min-height:88px}.brand-mark{width:26px;height:26px;border:1px solid #d7bc8a;background:none;transform:rotate(45deg);margin-inline-end:8px;position:relative}.brand-mark:after{content:'';position:absolute;inset:6px;border:1px solid #d7bc8a}
.wordmark{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:25px;font-weight:500}.header-wa{background:transparent;border-color:#6b747b;color:#f5f2e9;font-weight:500}
.hero{--scene-height:710px;background:#faf9f6;padding-block-end:64px}
.hero-scene{background:#07121c;height:var(--scene-height)}.hero-scene img{object-position:center 62%}.hero-shade{background:linear-gradient(270deg,rgba(5,17,29,.7),transparent 53%)}
.hero-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:540px auto;gap:0;padding-block-start:60px}
.hero-copy{grid-column:1/7;grid-row:1;width:100%;max-width:580px;gap:22px;align-self:start;padding-top:28px;color:#faf8ef}
.hero-copy h1{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:clamp(50px,5vw,74px);font-weight:500;line-height:1.45;letter-spacing:-.035em}
.hero-copy p{font-size:20px;opacity:1;color:#cdd0cf}.hero-tag{border:0;background:none;padding:0;color:#d9bd8b;font-size:14px}
.hero-start{display:flex;align-items:center;justify-content:space-between;max-width:220px;border-bottom:1px solid #b69d74;padding:10px 0;color:#e8cea2;min-height:52px}.hero-start span{font-size:26px}.hero-signature{font-size:10px;letter-spacing:.28em;color:#98a8b2;justify-self:start;margin-top:18px}
.image-note{left:32px;bottom:120px;background:#07121cbf;font-size:11px}
.picker{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:32px;border:1px solid #d5cec2;background:#faf9f6;box-shadow:0 24px 70px #10192312;border-radius:6px;scroll-margin-top:20px}
.picker-group{align-content:start;padding-inline-end:20px;border-inline-end:1px solid #e0ddd6}.picker-group:nth-child(3){border:0;padding:0}.picker h3{font:500 18px/1.5 'IBM Plex Sans Arabic',sans-serif;margin-bottom:12px}.picker h3 bdi{color:#88704b}.chip{border-radius:3px;font-size:14px;font-weight:500;padding:8px 12px;min-height:42px}.picker-wa{grid-column:3;min-height:48px;height:auto;background:#102938;color:#fff;border-radius:3px;font-size:16px}.send-note{grid-column:1/3;grid-row:2;align-self:center;text-align:start;font-size:12px}
.stats{background:#102938}.quote{background:#102938}.section{padding-block:80px}.card.vehicle-card{border-top:2px solid #c4ab7b}.model-tag{background:#f5f4ef;border-radius:3px;font-size:15px}.category-card{border-radius:4px}.category-caption{font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:500}.widget-toggle{border-radius:50%;background:#153c38}
@media(max-width:1099px){.header nav{display:flex;gap:18px;font-size:14px}.header nav a{min-height:44px;display:flex;align-items:center}.hero-copy{grid-column:1/8}.hero-copy h1{font-size:56px}.picker{gap:16px;padding:24px}.picker-group{padding-inline-end:12px}.hero-grid{grid-template-rows:540px auto}}
@media(max-width:767px){.header nav{display:none}.header-inner{min-height:76px}.wordmark{font-size:21px}.header-wa{font-size:14px}.hero{--scene-height:700px;padding-bottom:40px}.hero-grid{padding-top:36px;display:grid;grid-template-columns:1fr;grid-template-rows:610px auto}.hero-copy{grid-column:1;width:100%;max-width:none;padding:0;gap:16px}.hero-copy h1{font-size:42px;line-height:1.45}.hero-copy p{font-size:17px}.hero-tag{font-size:12px}.hero-signature{display:none}.hero-start{max-width:180px}.hero-scene img{object-position:left bottom;object-fit:cover;height:430px;position:absolute;bottom:0}.hero-shade{background:linear-gradient(180deg,#07121c 0,#07121c 35%,#07121cb3 50%,transparent 72%)}.image-note{left:20px;bottom:65px}.picker{grid-column:1;grid-row:2;grid-template-columns:1fr;padding:24px;gap:20px}.picker-group{padding:0 0 20px;border:0;border-bottom:1px solid #e0ddd6}.picker-wa,.send-note{grid-column:1;grid-row:auto}.send-note{text-align:center}.picker h3{margin-bottom:4px}.section{padding-block:48px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:showroom-in .9s both}.hero-scene img{animation:showroom-image 1.3s both}@keyframes showroom-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes showroom-image{from{opacity:.3;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}}

.header nav a{text-transform:capitalize}