/* L.A Car Club Studio Edition — restrained, spatial, automotive. */
:root{
  --ink:#111212;
  --paper:#f3f3f1;
  --yellow:#ffe000;
  --line:#11121226;
  --muted:#5d625f;
  --surface-0:#f3f3f1;
  --surface-1:#ffffff;
  --surface-2:#e7e8e5;
  --surface-3:#d9dcda;
  --text-strong:#111212;
  --text-body:#333735;
  --text-muted:#5d625f;
  --accent:#ffe000;
  --accent-ink:#111212;
  --focus:#806d00;
  --hairline:#11121226;
  --shadow:0 24px 70px #11181218;
  --radius-lg:24px;
  color-scheme:light;
  color:var(--text-strong);
  background:var(--surface-0);
}
html{background:var(--surface-0);scroll-padding-top:112px}
body{color:var(--text-strong);background:var(--surface-0)}
#main{overflow:clip}
p{color:var(--text-body)}
small,.source-note,.heading-note{color:var(--text-muted)}
.eyebrow,.eyebrow.dark{color:var(--text-muted);font-size:11px;font-weight:750;letter-spacing:.16em}
.inventory-intro .eyebrow{color:#746400}
.wrap{width:min(1380px,calc(100% - 96px))}
.section{padding-block:120px}
.section-heading h2,h2{color:var(--text-strong);font-size:clamp(42px,5.1vw,78px);font-weight:500;line-height:1.01;letter-spacing:-.067em}
.button{min-height:50px;padding:13px 21px;border-radius:999px;font-size:13px;font-weight:720;letter-spacing:-.01em}
.dark-button,.button.black,.button.yellow{color:#fff;background:#111212;border:1px solid #111212;box-shadow:none}
.dark-button:hover,.button.black:hover,.button.yellow:hover{color:#111212;background:var(--accent);border-color:var(--accent)}
.soft-button,.button.outline{color:#111212;background:#ffffffad;border:1px solid #1112122e}
.soft-button:hover,.button.outline:hover{background:#fff;border-color:#111212}
.accent-button{color:#111212;background:var(--accent);border:1px solid #cfb900}
.accent-button:hover{background:#111212;color:#fff}
.text-link{color:#111212;border-color:#111212;font-size:13px}
.text-link:hover{color:#625600}

/* Adaptive floating navigation */
.studio-header{
  position:sticky;
  top:16px;
  z-index:90;
  width:min(1500px,calc(100% - 48px));
  height:76px;
  margin:16px auto -92px;
  padding:9px 10px 9px 13px;
  display:grid;
  grid-template-columns:auto auto minmax(190px,1fr) auto;
  align-items:center;
  gap:20px;
  color:#111212;
  border:1px solid #11121220;
  border-radius:22px;
  background:#f8f8f5e8;
  box-shadow:0 16px 55px #080c0a18;
  isolation:isolate;
}
@supports(backdrop-filter:blur(20px)){.studio-header{background:#f8f8f5c9;backdrop-filter:blur(24px) saturate(1.15)}}
.studio-header .brand{width:145px;height:56px;display:grid;place-items:center;padding:3px 10px;border-radius:16px;background:#202120}
.studio-header .brand img{width:130px;height:48px;filter:none!important;mix-blend-mode:normal}
.desktop-nav{display:flex;align-items:center;gap:4px}
.desktop-nav a{padding:11px 13px;color:#393d3b;border-radius:999px;font-size:12px;font-weight:650;transition:background .25s,color .25s}
.desktop-nav a:after{display:none}
.desktop-nav a:hover,.desktop-nav a.active{color:#111212;background:#fff}
.desktop-nav a.active{box-shadow:0 0 0 1px #11121214}
.nav-count{padding-left:3px;color:#6d716f}
.header-context{min-width:0;display:flex;justify-content:center}
.context-pill{width:min(290px,100%);height:56px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:6px 13px 6px 7px;border:1px solid #11121218;border-radius:17px;background:#ffffffa8;transition:background .25s,transform .25s}
.context-pill:hover{background:#fff;transform:translateY(-1px)}
.context-pill>img{width:42px;height:42px;object-fit:cover;border-radius:12px;filter:saturate(.75)}
.context-pill>span:not(.context-symbol){min-width:0;display:grid;grid-template-columns:1fr auto;column-gap:7px;align-items:end}
.context-pill small{grid-column:1/-1;font-size:8px;font-weight:750;letter-spacing:.14em;color:#5d625f}
.context-pill strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;color:#111212}
.context-pill em{font-size:9px;font-style:normal;color:#6b706d;white-space:nowrap}
.context-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#111212;color:#fff}
.context-symbol svg{width:17px}
.header-actions{gap:7px}
.studio-header .icon-button{width:42px;height:42px;min-width:42px;color:#111212;border:1px solid #1112121f;background:#ffffffa3}
.studio-header .icon-button:hover{background:#fff}
.sell-cta{min-height:42px;color:#111212;background:var(--accent);border:1px solid #d5bf00;padding-inline:17px;gap:10px}
.sell-cta:hover{color:#fff;background:#111212}
.menu-toggle{display:none}
#saved-count{background:#111212;color:#fff}

/* Hero */
.studio-hero{position:relative;min-height:820px;height:min(940px,100svh);max-height:980px;padding:170px 64px 105px;color:#fff;background:#111212;isolation:isolate;overflow:hidden}
.studio-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070908f2 0%,#070908b0 36%,#07090825 66%,#07090870 100%),linear-gradient(0deg,#070908b5 0%,transparent 40%,#0709082b 100%)}
.studio-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(90deg,transparent calc(25% - 1px),#fff2 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),#fff2 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),#fff2 75%,transparent calc(75% + 1px));pointer-events:none}
.studio-hero .drive-visual{position:absolute;inset:0;z-index:-2;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.studio-hero .drive-visual img{width:100%;height:100%;object-fit:cover;object-position:56% 53%;opacity:1;filter:saturate(.56) contrast(1.08) brightness(.82);transform:scale(1.01)}
.studio-hero .drive-visual:after{display:none}
.hero-gradient{position:absolute;left:0;bottom:0;width:60%;height:65%;z-index:-1;background:radial-gradient(ellipse at 18% 78%,#797c7838,transparent 64%);filter:blur(10px)}
.studio-hero .drive-copy{position:absolute;left:64px;bottom:136px;z-index:2;max-width:780px;padding:28px 32px 30px;border:1px solid #ffffff24;border-radius:24px;background:#090b0a9c;box-shadow:0 30px 100px #0004}
@supports(backdrop-filter:blur(20px)){.studio-hero .drive-copy{background:#090b0a80;backdrop-filter:blur(24px) saturate(.8)}}
.studio-hero .tech-label{color:#f0f1ef;font-size:10px;font-weight:700;letter-spacing:.18em}
.studio-hero .tech-label>span{width:28px;height:1px;background:var(--accent);box-shadow:none}
.studio-hero .drive-copy h1{max-width:none;margin:18px 0 17px;color:#fff;font-size:clamp(58px,6.7vw,104px);font-weight:460;line-height:.91;letter-spacing:-.077em}
.studio-hero .drive-copy h1 em{font-style:normal;color:#fff;text-shadow:none}
.studio-hero .drive-copy>p{max-width:50ch;margin-bottom:0;color:#f4f5f3;font-size:15px;line-height:1.65}
.studio-hero .drive-actions{display:flex;gap:9px;margin-top:25px}
.hero-primary{color:#111212;background:#fff;border:1px solid #fff}
.hero-primary:hover{background:var(--accent);border-color:var(--accent)}
.hero-secondary{color:#fff;background:#ffffff13;border:1px solid #ffffff44}
.hero-secondary:hover{background:#fff;color:#111212}
.hero-secondary span{min-width:25px;padding:3px 6px;border-radius:999px;background:#ffffff1b;font-size:9px;text-align:center}
.hero-status{position:absolute;right:64px;bottom:136px;z-index:2;width:310px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center;padding:14px 15px;color:#fff;border:1px solid #ffffff26;border-radius:19px;background:#0a0c0b9c;box-shadow:none}
@supports(backdrop-filter:blur(20px)){.hero-status{background:#0a0c0b78;backdrop-filter:blur(24px)}}
.status-index{font-size:9px;color:#c8cbc7;writing-mode:vertical-rl;transform:rotate(180deg)}
.hero-status>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}
.hero-status small{font-size:8px;letter-spacing:.14em;color:#c8cbc7}
.hero-status strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px}
.hero-status em{font-size:10px;font-style:normal;color:#d7d9d6}
.hero-status>a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff39;border-radius:50%}
.hero-status>a:hover{color:#111212;background:var(--accent);border-color:var(--accent)}
.hero-trust{position:absolute;left:64px;right:64px;bottom:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:18px;border-top:1px solid #ffffff30;color:#e7e9e6;font-size:9px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}
.hero-trust span:nth-child(2){text-align:center}.hero-trust span:last-child{text-align:right}

/* Shared section heading */
.studio-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:64px;align-items:end;margin-bottom:46px}
.studio-heading>div:first-child{max-width:820px}
.studio-heading h2{margin-top:15px}
.heading-side{display:grid;gap:20px;justify-items:start}
.heading-side p{max-width:38ch;margin:0;color:#535855;font-size:13px;line-height:1.75}
.rail-controls{display:flex;gap:7px}
.rail-controls button{width:44px;height:44px;display:grid;place-items:center;color:#111212;border:1px solid #1112122d;border-radius:50%;background:#fff;transition:background .25s,color .25s,transform .25s}
.rail-controls button:first-child svg{transform:rotate(180deg)}
.rail-controls button:hover{color:#fff;background:#111212;transform:translateY(-2px)}

/* Instagram-like stories */
.stories-section{padding:122px 0 104px;background:#f3f3f1}
.story-viewport{position:relative;overflow:hidden;min-height:620px;isolation:isolate}
.story-viewport:before,.story-viewport:after{content:"";position:absolute;top:0;bottom:0;z-index:4;width:7vw;pointer-events:none}
.story-viewport:before{left:0;background:linear-gradient(90deg,#f3f3f1,transparent)}
.story-viewport:after{right:0;background:linear-gradient(-90deg,#f3f3f1,transparent)}
.story-rail{display:flex;gap:16px;overflow-x:auto;padding:4px max(5vw,48px) 22px;scroll-snap-type:x mandatory;scroll-padding-inline:max(5vw,48px);scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}
.story-rail::-webkit-scrollbar{display:none}
.story-card{position:relative;flex:0 0 min(28vw,360px);height:min(610px,68vw);min-height:520px;overflow:hidden;border-radius:26px;background:#111212;box-shadow:0 22px 65px #12171320;scroll-snap-align:center;opacity:.38;filter:blur(3px) saturate(.6);transform:scale(.955);transition:opacity .6s ease,filter .6s ease,transform .6s cubic-bezier(.2,.75,.25,1)}
.story-card.in-focus{opacity:1;filter:none;transform:scale(1)}
.story-card>img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.story-card:hover>img{transform:scale(1.025)}
.story-shade{position:absolute;inset:0;background:linear-gradient(180deg,#080a0987 0%,transparent 28%,transparent 53%,#080a09dc 100%)}
.story-bars{position:absolute;top:16px;left:16px;right:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.story-bars i{height:2px;border-radius:2px;background:#ffffff5c}.story-bars i.active{background:#fff}
.story-top{position:absolute;top:31px;left:16px;right:16px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;color:#fff}
.story-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;background:#111212;font-size:9px;font-weight:800;letter-spacing:.05em}
.story-top>span:nth-child(2){display:flex;flex-direction:column}.story-top strong{font-size:10px}.story-top small{color:#f0f1ef;font-size:8px}.story-top svg{width:16px}
.story-bottom{position:absolute;left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:1fr auto;gap:7px;color:#fff}
.story-bottom>span{grid-column:1/-1;font-size:8px;font-weight:700;letter-spacing:.15em;color:#dddeda}
.story-bottom strong{font-size:13px}.story-bottom svg{width:17px}
.stories-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;color:#5f6461;font-size:12px}

/* Featured inventory */
.featured-section{padding-block:128px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-card{min-width:0;overflow:hidden;border:1px solid #1112121f;border-radius:22px;background:#fff;box-shadow:0 18px 54px #171d1910;transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px #171d1918}
.feature-media{position:relative;aspect-ratio:1.48;overflow:hidden;background:#dcdedb}
.feature-media>a,.feature-media img{display:block;width:100%;height:100%}.feature-media img{object-fit:cover;filter:saturate(.68);transition:filter .45s,transform .8s cubic-bezier(.2,.7,.2,1)}
.feature-card:hover .feature-media img{filter:saturate(.9);transform:scale(1.025)}
.feature-media:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0709088f);pointer-events:none}
.feature-media>span{position:absolute;left:13px;bottom:12px;z-index:2;padding:5px 7px;color:#fff;border-radius:999px;background:#111212;font-size:8px;font-weight:750;letter-spacing:.14em}
.feature-media-actions{position:absolute;top:13px;right:13px;z-index:3;display:flex;gap:7px}
.feature-media-actions button{height:38px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;color:#fff;border:1px solid #ffffff3a;border-radius:999px;background:#101211d9;font-size:9px;font-weight:700}.feature-media-actions button:first-child{background:#111212}
.feature-media-actions button:last-child{width:38px;padding:0}.feature-media-actions svg{width:14px}
.feature-media-actions button:hover,.feature-media-actions button[aria-pressed=true]{color:#111212;background:var(--accent);border-color:var(--accent)}
.feature-copy{padding:24px 24px 22px}
.feature-kicker{display:flex;justify-content:space-between;gap:12px;color:#626763;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.feature-kicker em{font-style:normal}
.feature-copy h3{margin:13px 0 7px;font-size:clamp(24px,2.2vw,34px);font-weight:540;line-height:1.05;letter-spacing:-.055em}.feature-copy h3 a{color:#111212}
.feature-copy>p{min-height:44px;margin-bottom:20px;color:#555a57;font-size:12px;line-height:1.65}
.feature-copy dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-block:1px solid #11121216}
.feature-copy dl>div{min-width:0;padding:13px 7px 13px 0}.feature-copy dt{color:#5d625f;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.feature-copy dd{margin:5px 0 0;overflow-wrap:anywhere;color:#222523;font-size:10px;font-weight:650;line-height:1.35}
.feature-bottom{display:flex;justify-content:space-between;align-items:end;gap:16px;padding-top:20px}.feature-bottom>strong{font-size:24px;font-weight:560;letter-spacing:-.04em}.feature-bottom>a{display:flex;align-items:center;gap:9px;padding-bottom:3px;border-bottom:1px solid #111212;font-size:10px;font-weight:700}.feature-bottom svg{width:14px}
.featured-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:30px;padding-top:24px;border-top:1px solid #11121220}.featured-footer p{display:flex;align-items:center;gap:10px;margin:0;font-size:11px}.featured-footer p strong{font-size:23px;font-weight:500}

/* Dealership, location and services */
.dealer-section{padding:120px 0 0;color:#fff;background:#111312}
.dealer-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:8vw;align-items:center;padding-bottom:120px}
.dealer-visual{position:relative;height:680px}
.dealer-visual>img:first-child{width:77%;height:100%;object-fit:cover;filter:grayscale(.45) contrast(1.05);border-radius:120px 22px 22px 22px}
.dealer-visual>img:nth-child(2){position:absolute;right:0;bottom:-28px;width:42%;height:43%;object-fit:cover;filter:grayscale(.35);border:10px solid #111312;border-radius:18px}
.dealer-mark{position:absolute;right:7%;top:36px;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff42;border-radius:50%;background:#141615a8;backdrop-filter:blur(16px);text-align:center}.dealer-mark span{font-size:24px;font-weight:500}.dealer-mark small{margin-top:6px;color:#d5d7d4;font-size:7px;letter-spacing:.14em;line-height:1.6}
.dealer-copy .eyebrow{color:#bfc2be}.dealer-copy h2{margin:18px 0 30px;color:#fff}.dealer-copy>p{max-width:55ch;color:#e8e9e7;font-size:14px;line-height:1.85}
.dealer-actions{display:flex;gap:9px;flex-wrap:wrap;margin:32px 0 38px}.dealer-copy .dark-button{color:#111212;background:#fff;border-color:#fff}.dealer-copy .dark-button:hover{background:var(--accent);border-color:var(--accent)}.dealer-copy .soft-button{color:#fff;background:#ffffff0b;border-color:#ffffff35}.dealer-copy .soft-button:hover{background:#fff;color:#111212}
.contact-channels{border-top:1px solid #ffffff26}.contact-channels a{display:grid;grid-template-columns:1fr 2fr auto;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid #ffffff26}.contact-channels small{color:#aeb2ae;font-size:8px;letter-spacing:.14em}.contact-channels strong{color:#fff;font-size:12px;font-weight:600}.contact-channels svg{width:16px;color:#daddd9}.contact-channels a:hover svg{color:var(--accent)}
.location-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6vw;align-items:stretch;padding:0 0 120px}
.location-copy{padding:54px 0}.location-number{font-size:9px;letter-spacing:.16em;color:#b6bab6}.location-copy h3{margin:25px 0 20px;color:#fff;font-size:clamp(30px,3.6vw,51px);font-weight:500;line-height:1.12;letter-spacing:-.055em}.location-copy p{max-width:48ch;color:#d5d8d4;font-size:13px;line-height:1.8}.location-copy>div{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.location-copy .text-link{color:#fff;border-color:#fff}
.map-panel{position:relative;height:570px;overflow:hidden;border:1px solid #ffffff2b;border-radius:24px;background-image:linear-gradient(#090b0a9b,#090b0ad6),url('assets/instagram-1.webp');background-size:cover;background-position:center;box-shadow:none}
.map-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:radial-gradient(circle at 50% 43%,#ffffff16,transparent 52%)}
.map-pulse{width:64px;height:64px;display:grid;place-items:center;margin-bottom:28px;border:1px solid #ffffff4a;border-radius:50%;color:#111212;background:var(--accent);box-shadow:0 0 0 12px #ffe00014}.map-pulse svg{width:24px}
.map-placeholder>small{color:#c9ccc8;font-size:8px;letter-spacing:.16em}.map-placeholder>strong{margin:9px 0 25px;color:#fff;font-size:28px;font-weight:500}.map-placeholder>button{display:flex;align-items:center;gap:11px;padding:12px 16px;color:#fff;border:1px solid #ffffff3d;border-radius:999px;background:#ffffff0e;font-size:10px}.map-placeholder>button:hover{color:#111212;background:#fff}.map-placeholder>em{margin-top:13px;color:#aeb2ae;font-size:8px;font-style:normal}.map-panel iframe{width:100%;height:100%;border:0}.map-route{position:absolute;right:18px;bottom:18px}
.concierge-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:7vw;padding:110px 0;border-top:1px solid #ffffff25}.concierge-grid h3{max-width:12ch;margin-top:17px;color:#fff;font-size:clamp(33px,4vw,58px);font-weight:500;line-height:1.04;letter-spacing:-.06em}.concierge-grid .eyebrow{color:#b7bbb7}
.concierge-list details{border-top:1px solid #ffffff28}.concierge-list details:last-child{border-bottom:1px solid #ffffff28}.concierge-list summary{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:22px 0;color:#fff}.concierge-list summary>span{color:#aeb2ae;font-size:9px}.concierge-list summary>strong{font-size:15px;font-weight:500}.concierge-list summary>i{font-size:21px;font-style:normal;font-weight:300}.concierge-list details[open] summary>i{transform:rotate(45deg)}.concierge-list p{max-width:62ch;margin:0 0 14px 62px;color:#d4d7d3;font-size:12px;line-height:1.75}.concierge-list button{display:flex;align-items:center;gap:8px;margin:0 0 22px 62px;color:#fff;border-bottom:1px solid #fff;padding:4px 0;font-size:10px}.concierge-list button:hover{color:var(--accent);border-color:var(--accent)}.concierge-list svg{width:13px}
.faq-line{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:27px 0;border-top:1px solid #ffffff25;color:#fff}.faq-line>span{font-size:8px;letter-spacing:.15em;color:#aeb2ae}.faq-line p{margin:0;color:#fff;font-size:12px}.faq-line a{display:flex;align-items:center;gap:9px;font-size:11px}.faq-line svg{width:14px}

/* Footer */
#footer{padding:0;color:#111212;border-top:0;background:#e7e8e5}
.studio-footer{padding-top:90px}.footer-lead{display:grid;grid-template-columns:210px 1fr;gap:6vw;align-items:start;padding-bottom:70px}.footer-lead .brand{width:150px;padding:8px 10px;border-radius:14px;background:#202120}.footer-lead .brand img{width:130px;height:50px;filter:none!important;mix-blend-mode:normal}.footer-lead h2{max-width:13ch;margin:0;color:#111212;font-size:clamp(42px,5vw,72px);font-weight:500}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:40px 0;border-block:1px solid #11121225}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-links small{margin-bottom:10px;color:#555a57;font-size:8px;letter-spacing:.15em}.footer-links a,.footer-links button{display:flex;align-items:center;gap:7px;color:#222523;font-size:11px}.footer-links a:hover,.footer-links button:hover{color:#6e6000}.footer-links svg{width:13px}
.footer-base{display:flex;justify-content:space-between;gap:24px;padding:23px 0;color:#656a67;font-size:9px}.footer-base>div{display:flex;gap:20px}

/* Inventory and vehicle routes */
body[data-view=inventory],body[data-view=detail]{background:#f3f3f1}
.inventory-intro{padding:154px 0 58px;color:#111212;border-bottom:1px solid #11121224;background:linear-gradient(110deg,#e7e8e5,#f7f7f5 70%)}
.inventory-intro:after{content:"34";position:absolute;right:6%;bottom:-18px;color:#11121209;font-size:190px;font-weight:700;line-height:1}
.inventory-intro h1{max-width:11ch;margin:18px 0 16px;color:#111212;font-size:clamp(46px,6.3vw,92px);font-weight:500;line-height:.98;letter-spacing:-.07em}.inventory-intro p,.breadcrumb{color:#565b58}
.inventory-layout{gap:34px;padding-block:48px 90px}.filters{top:116px;padding:22px;color:#111212;border:1px solid #1112121f;border-radius:20px;background:#fffffff2;box-shadow:0 18px 55px #1118120e}.filter-heading{border-color:#11121218}.filter-heading h2{color:#111212;font-size:16px}.filter-heading button{color:#5b605d}.field,.result-toolbar>label{color:#3e4340;font-size:12px}.field input,.field select,.field textarea,.result-toolbar select{min-height:45px;color:#111212;border:1px solid #11121226;border-radius:12px;background:#f7f7f5}.field input::placeholder,.field textarea::placeholder{color:#747976}.field input:focus,.field select:focus,.field textarea:focus{border-color:#817000;box-shadow:0 0 0 3px #ffe00028}.filter-help{color:#5b605d;border-color:#1112121b}.filter-help .text-link{color:#111212}.active-filters button{color:#111212;border:1px solid #1112121d;border-radius:999px;background:#e2e4e1}.compare-choice{color:#4e5350;border-color:#11121216}.compare-choice input{accent-color:#111212}.source-note{color:#666b68}
.inventory-results .car-card,.related .car-card{color:#111212;border:1px solid #11121218;border-radius:18px;background:#fff;box-shadow:0 15px 45px #141a1610}.inventory-results .car-card:hover,.related .car-card:hover{border-color:#11121240;box-shadow:0 22px 58px #141a1618}.car-image{background:#dfe1de}.car-image:after{background:linear-gradient(transparent,#090b0a82)}.car-brand{color:#656a67}.car-body h3,.feature-copy h3{word-spacing:.08em}.car-body h3 a{color:#111212}.car-subtitle{height:auto;min-height:42px;overflow:visible;color:#555a57}.car-meta{color:#353a37;border-color:#11121216}.car-meta svg{color:#737875}.car-price{color:#111212}.car-price small{color:#696e6b}.card-arrow{color:#111212;border-color:#1112122d}.car-card:hover .card-arrow{color:#111212;background:var(--accent);border-color:var(--accent)}.save-car{color:#111212;border:1px solid #ffffff7d;background:#fffffff0}.save-car:hover,.save-car[aria-pressed=true]{color:#111212;background:var(--accent)}.quick-look-trigger{top:13px;right:auto;bottom:auto;left:13px;color:#fff;border:1px solid #ffffff3b;background:#111212ba;box-shadow:none}.quick-look-trigger:hover{color:#111212;background:var(--accent);border-color:var(--accent)}.empty-state{color:#111212;border:1px solid #1112121d;border-radius:18px;background:#fff}.empty-state p{color:#555a57}
.detail-page{padding-top:112px;color:#111212}.detail-layout{gap:32px}.gallery{border-radius:20px;background:#dfe1de;box-shadow:0 18px 55px #151b170f}.gallery-controls>*{color:#fff;border:1px solid #ffffff32;border-radius:999px;background:#101211c7}.thumbnails button{border-radius:9px}.thumbnails button.active{border-color:#111212}.quick-specs{color:#111212;border:1px solid #11121219;border-radius:17px;background:#fff}.quick-specs>div{border-color:#11121216}.quick-specs svg{color:#747976}.quick-specs span{color:#686d6a}.quick-specs strong{color:#111212}.detail-sidebar{top:116px;padding:28px;color:#111212;border:1px solid #11121220;border-radius:20px;background:#fffffff5;box-shadow:0 20px 65px #11181210}.detail-brand{color:#696e6b}.detail-sidebar h1,.detail-price{color:#111212}.detail-subtitle,.price-info,.detail-service,.detail-dealer p,.equipment-list li,.description-text{color:#4f5451}.detail-secondary [aria-pressed=true]{color:#111212;background:var(--accent)}.highlight-tags>span{color:#3e4340;border-color:#1112121f;border-radius:999px;background:#e7e8e5}.detail-accordions>details{border-color:#1112121f}.detail-accordions summary{color:#111212}.equipment-list svg{color:#756800}.spec-table>div:nth-child(odd){background:#e7e8e5}.spec-table dt{color:#626764}.spec-table dd{color:#111212}

/* Search, Quick Look and utility surfaces */
dialog{color:#111212;border:1px solid #11121220;border-radius:24px;background:#f7f7f5;box-shadow:0 30px 110px #0d110e30}dialog::backdrop{background:#cfd2cfb8;backdrop-filter:blur(16px)}dialog h2{color:#111212;word-spacing:.12em}.modal-close{color:#111212;border:1px solid #1112121f;background:#fff}.modal-close:hover{color:#fff;background:#111212}.inquiry-car,.message-preview{color:#111212;border-color:#1112121a;background:#e7e8e5}.inquiry-car span,.message-preview pre{color:#3f4441}.success-icon{color:#111212;background:var(--accent)}
.comparison-modal>.eyebrow{max-width:calc(100% - 48px);line-height:1.55;white-space:normal}.comparison-scroll{border-radius:16px}.comparison-table{color:#111212;background:#f7f7f5}.comparison-table th,.comparison-table td{color:#111212;border-color:#11121220}.comparison-table tbody th{color:#5d625f}.comparison-table tr:nth-child(even){background:#e7e8e5}
.studio-search-modal{width:min(760px,calc(100vw - 32px));max-width:none;padding:44px}.search-dialog h2{margin:12px 0 26px;font-size:clamp(34px,5vw,58px)}.studio-search-field{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:center;padding:7px 14px 7px 18px;border:1px solid #11121226;border-radius:16px;background:#fff}.studio-search-field svg{width:18px;color:#676c69}.studio-search-field input{width:100%;min-height:50px;border:0;outline:0;background:transparent;color:#111212;font-size:16px}.studio-search-field input::placeholder{color:#747976}.studio-search-results{display:grid;margin:20px 0}.studio-search-results>a{display:grid;grid-template-columns:88px 1fr auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid #11121218}.studio-search-results>a:last-child{border-bottom:1px solid #11121218}.studio-search-results img{width:88px;height:62px;object-fit:cover;border-radius:10px;filter:saturate(.7)}.studio-search-results span{display:flex;min-width:0;flex-direction:column}.studio-search-results small{font-size:8px;letter-spacing:.12em}.studio-search-results strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.studio-search-results em{margin-top:3px;color:#565b58;font-size:10px;font-style:normal}.studio-search-results svg{width:15px}
.quick-look-modal{box-shadow:0 30px 110px #0d110e30}.quick-look-copy{color:#111212}.quick-look-copy h2,.quick-look-price{color:#111212}.quick-look-copy>p{color:#505552}.quick-look-specs span{border-color:#11121217;background:#e9ebe8}.quick-look-specs svg{color:#6a6f6c}.quick-look-specs strong{color:#111212}.quick-look-specs small{color:#656a67}.quick-look-nav button{color:#404542}.quick-look-nav button:hover{color:#6f6100}.lightbox{color:#fff;background:#0b0d0c;box-shadow:none}.lightbox .modal-close{color:#fff;border-color:#ffffff2f;background:#1116}
#compare-bar{color:#fff;border:1px solid #ffffff24;border-radius:20px;background:#111312ed;box-shadow:0 20px 65px #1118}#compare-bar .button.yellow{color:#111212;background:var(--accent)}#toast{color:#fff;border:1px solid #ffffff26;border-radius:999px;background:#111312;box-shadow:0 16px 50px #1116}
.mobile-dock{display:none}

@media(max-width:1220px){
  .studio-header{grid-template-columns:auto auto 1fr auto;gap:12px}.desktop-nav a{padding-inline:9px}.context-pill{width:220px}.context-pill em{display:none}.sell-cta{font-size:0;width:42px;padding:0}.sell-cta svg{margin:0}.studio-hero .drive-copy{left:40px}.hero-status{right:40px}.hero-trust{left:40px;right:40px}.wrap{width:calc(100% - 64px)}.feature-copy{padding:21px 19px}.feature-copy dl{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-copy>p{min-height:62px}.dealer-grid{gap:5vw}.dealer-visual{height:610px}
}

@media(max-width:900px){
  .studio-header{grid-template-columns:auto 1fr auto}.desktop-nav{display:none}.header-context{justify-content:end}.context-pill{width:250px}.menu-toggle{display:flex}.search-toggle,.sell-cta{display:none}.studio-hero{min-height:850px}.studio-hero .drive-copy{right:40px;max-width:690px}.hero-status{display:none}.studio-heading{grid-template-columns:1fr;gap:24px}.heading-side{grid-template-columns:1fr auto;align-items:end}.story-card{flex-basis:39vw;height:66vw;max-height:580px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:nth-child(3){display:none}.dealer-grid{grid-template-columns:1fr;gap:65px}.dealer-visual{width:min(650px,100%);height:480px}.dealer-copy{max-width:700px}.location-grid{grid-template-columns:1fr;gap:20px}.location-copy{padding:0}.concierge-grid{grid-template-columns:1fr;gap:35px}.footer-lead{grid-template-columns:1fr;gap:35px}
}

@media(max-width:760px){
  html{scroll-padding-top:98px}.wrap{width:calc(100% - 36px)}body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.studio-header{top:12px;width:calc(100% - 24px);height:68px;margin:12px auto -80px;padding:7px 8px 7px 9px;border-radius:20px}.studio-header .brand{width:118px;height:52px;border-radius:15px}.studio-header .brand img{width:105px;height:42px}.header-context,.search-toggle,.sell-cta{display:none}.studio-header .icon-button{width:40px;height:40px;min-width:40px}.header-actions{gap:6px}
  #mobile-nav{position:fixed;top:90px;left:12px;right:12px;z-index:89;width:auto;padding:18px 20px 21px;color:#111212;border:1px solid #1112121f;border-radius:20px;background:#f8f8f5ee;box-shadow:0 22px 70px #11181228;backdrop-filter:blur(24px)}#mobile-nav a,#mobile-nav button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 0;color:#111212;border-bottom:1px solid #1112121b;font-size:16px;font-weight:560;text-align:left}#mobile-nav button:last-child{margin-top:10px;padding:13px 15px;border:0;border-radius:999px;background:var(--accent);font-size:13px;font-weight:700}#mobile-nav svg{width:15px}
  .mobile-dock{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:88;display:grid;grid-template-columns:repeat(4,1fr);min-height:62px;padding:5px;border:1px solid #1112121f;border-radius:19px;background:#f8f8f5ed;box-shadow:0 18px 55px #11181225;backdrop-filter:blur(22px)}.mobile-dock a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:14px;color:#686d6a;font-size:8px;font-weight:650}.mobile-dock a.active{color:#fff;background:#111212}.mobile-dock a.active svg{color:var(--accent)}.mobile-dock svg{width:18px;height:18px}.mobile-dock b{position:absolute;top:3px;left:calc(50% + 7px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:#111212;font-size:8px;line-height:16px;text-align:center}
  .studio-hero{min-height:800px;height:100svh;max-height:900px;padding:124px 18px 90px}.studio-hero:before{background:linear-gradient(180deg,#0709088f 0%,#07090838 23%,#07090842 52%,#070908e8 100%)}.studio-hero:after{background-image:linear-gradient(90deg,transparent calc(50% - 1px),#fff2 50%,transparent calc(50% + 1px))}.studio-hero .drive-visual img{object-position:58% center;filter:saturate(.58) contrast(1.06) brightness(.83)}.studio-hero .drive-copy{left:18px;right:18px;bottom:105px;max-width:none;padding:23px 21px 25px;border-radius:21px}.studio-hero .drive-copy h1{font-size:clamp(48px,15.3vw,70px);line-height:.94}.studio-hero .drive-copy>p{font-size:13px}.studio-hero .drive-actions{align-items:stretch;flex-direction:column}.studio-hero .drive-actions .button{width:100%}.hero-trust{left:18px;right:18px;bottom:32px;grid-template-columns:1fr 1fr;gap:10px;font-size:7px}.hero-trust span:nth-child(2){text-align:right}.hero-trust span:last-child{display:none}
  .stories-section{padding:82px 0 70px}.section-heading h2,h2{font-size:clamp(38px,11.2vw,54px)}.studio-heading{gap:20px;margin-bottom:30px}.heading-side{grid-template-columns:1fr;gap:16px}.heading-side p{font-size:12px}.rail-controls button{width:42px;height:42px}.story-viewport{min-height:570px}.story-viewport:before,.story-viewport:after{width:18px}.story-rail{gap:12px;padding:4px 28px 20px;scroll-padding-inline:28px}.story-card{flex-basis:76vw;height:540px;min-height:0;border-radius:22px}.stories-footer{align-items:flex-start;flex-direction:column;margin-top:16px}.stories-footer .text-link{font-size:12px}
  .featured-section{padding-block:82px}.feature-grid{display:flex;gap:14px;overflow-x:auto;margin-right:-18px;padding:2px 18px 24px 0;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}.feature-grid::-webkit-scrollbar{display:none}.feature-card,.feature-card:nth-child(3){display:block;flex:0 0 88%;scroll-snap-align:start}.feature-copy>p{min-height:0}.feature-copy dl{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-footer{align-items:flex-start;flex-direction:column}.featured-footer .button{width:100%}
  .dealer-section{padding-top:80px}.dealer-grid{padding-bottom:80px}.dealer-visual{height:500px}.dealer-visual>img:first-child{width:86%;border-radius:80px 18px 18px 18px}.dealer-visual>img:nth-child(2){width:45%;height:38%;border-width:7px}.dealer-mark{right:2%;width:100px;height:100px}.dealer-copy h2{font-size:clamp(39px,11.5vw,56px)}.dealer-copy>p{font-size:13px}.dealer-actions{align-items:stretch;flex-direction:column}.dealer-actions .button{width:100%}.contact-channels a{grid-template-columns:1fr auto}.contact-channels small{grid-column:1}.contact-channels strong{grid-column:1}.contact-channels svg{grid-column:2;grid-row:1/3}.location-grid{padding-bottom:80px}.location-copy{padding-top:10px}.location-copy h3{font-size:34px}.location-copy>div{align-items:stretch;flex-direction:column}.location-copy .button{width:100%}.map-panel{height:480px;border-radius:20px}.concierge-grid{padding:80px 0}.concierge-grid h3{font-size:39px}.concierge-list summary{grid-template-columns:38px 1fr auto}.concierge-list p,.concierge-list button{margin-left:50px}.faq-line{grid-template-columns:1fr auto}.faq-line p{display:none}.faq-line a{justify-self:end}
  .studio-footer{padding-top:68px}.footer-lead{padding-bottom:48px}.footer-lead h2{font-size:42px}.footer-links{grid-template-columns:1fr 1fr;gap:36px 20px}.footer-links>div:last-child{grid-column:1/-1}.footer-base{flex-wrap:wrap}.footer-base>span:nth-child(2){width:100%;order:3}
  .inventory-intro{padding:124px 0 36px}.inventory-intro:after{font-size:110px}.inventory-intro h1{font-size:46px}.inventory-layout{grid-template-columns:1fr;padding-top:24px}.filters{position:static;padding:18px}.result-toolbar{align-items:flex-start}.inventory-results .car-grid{grid-template-columns:1fr}.car-subtitle{min-height:0}.quick-look-trigger{top:10px;right:auto;bottom:auto;left:10px}.detail-page{padding-top:104px}.detail-layout{display:flex;flex-direction:column}.detail-main,.detail-sidebar{width:100%}.detail-sidebar{position:static}.quick-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-list{grid-template-columns:1fr}dialog{max-height:92svh;border-radius:20px}.comparison-modal>.eyebrow{font-size:9px;letter-spacing:.12em}.studio-search-modal{padding:42px 20px 24px}.studio-search-results>a{grid-template-columns:72px 1fr auto}.studio-search-results img{width:72px;height:54px}.quick-look-modal{overflow:auto}#compare-bar{bottom:calc(82px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
}

@media(max-width:380px){
  .studio-header .brand{width:105px}.studio-header .brand img{width:93px}.studio-hero .drive-copy h1{font-size:45px}.studio-hero .drive-copy>p{font-size:12px}.story-card{flex-basis:82vw}.feature-card,.feature-card:nth-child(3){flex-basis:92%}.feature-bottom{align-items:flex-start;flex-direction:column}.dealer-visual{height:440px}.footer-links{grid-template-columns:1fr}.footer-links>div:last-child{grid-column:auto}.studio-search-results>a{grid-template-columns:64px 1fr}.studio-search-results>a>svg{display:none}.studio-search-results img{width:64px;height:50px}
}

@media(hover:none){.feature-card:hover,.button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.story-card{opacity:1;filter:none;transform:none}}
@media(forced-colors:active){.story-card{opacity:1;filter:none}.studio-hero:before{background:Canvas;opacity:.8}.context-pill,.studio-header{border:1px solid CanvasText}}
