/* Key4Key Car Listing — frontend */

.k4{
  --ink:#0A0A0A;
  --graphite:#4A4E54;
  --silver:#8E9298;
  --line:#E4E4E6;
  --paper:#FFFFFF;
  --mist:#F5F5F6;
  --navy:#0E2447;
  --red:#0A0A0A;

  font-family:'Archivo',-apple-system,'Segoe UI',Helvetica,sans-serif;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  line-height:1.5;
}
.k4 *{box-sizing:border-box;}
.k4 h1,.k4 h2,.k4 h3,.k4 p,.k4 figure,.k4 ul{margin:0;}
.k4 ul{list-style:none;padding:0;}
.k4 a{color:inherit;text-decoration:none;}
.k4 button,.k4 .k4-btn{font:inherit;color:inherit;background:none;border:none;cursor:pointer;}
.k4 :focus-visible{outline:2px solid var(--red);outline-offset:3px;}
.k4-dark :focus-visible{outline-color:#fff;}

.k4-mono{font-family:'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;
  letter-spacing:.18em;font-size:10px;color:var(--silver);}
.k4-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.k4-skip{position:fixed;left:16px;top:-60px;z-index:99;background:var(--ink);color:#fff;
  padding:10px 16px;font-size:13px;border-radius:2px;transition:top .15s;}
.k4-skip:focus{top:16px;}

.k4-wrap{max-width:1280px;margin:0 auto;padding:0 64px;}
.k4-wrap-full{max-width:none;width:100%;padding-left:100px;padding-right:100px;box-sizing:border-box;}
.k4-curated .k4-wrap-full,
.k4-shop .k4-wrap-full{max-width:none;width:100%;padding-left:100px;padding-right:100px;}
.k4-sec{padding:160px 0;}
.k4-sec-tight{padding:96px 0;}

.k4-head{position:fixed;top:0;left:0;right:0;z-index:50;height:72px;
  transition:background .4s ease,border-color .4s ease;border-bottom:1px solid transparent;}
.k4-head.is-solid{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom-color:var(--line);}
.k4-head-in{max-width:1280px;margin:0 auto;padding:0 64px;height:100%;
  display:flex;align-items:center;gap:40px;}
.k4-logo{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#fff;transition:color .4s ease;white-space:nowrap;}
.k4-head.is-solid .k4-logo{color:var(--ink);}
.k4-nav{display:flex;gap:28px;align-items:center;}
.k4-nav a{font-size:13.5px;font-weight:400;color:rgba(255,255,255,.82);
  transition:color .25s;padding:6px 0;position:relative;white-space:nowrap;}
.k4-head.is-solid .k4-nav a{color:var(--graphite);}
.k4-nav a:hover,.k4-nav a.is-on{color:#fff;}
.k4-head.is-solid .k4-nav a:hover,.k4-head.is-solid .k4-nav a.is-on{color:var(--ink);}
.k4-nav a.is-on::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
  background:currentColor;}
.k4-head-r{margin-left:auto;display:flex;align-items:center;gap:24px;}
.k4-burger{display:none;}

.k4-menu{position:fixed;inset:0;z-index:49;background:var(--paper);
  padding:96px 24px 40px;display:flex;flex-direction:column;gap:4px;display:none;}
.k4-menu.is-open{display:flex;}
.k4-menu a{text-align:left;font-size:30px;font-weight:500;letter-spacing:-.02em;
  padding:14px 0;border-bottom:1px solid var(--line);}
.k4-menu-close{position:absolute;top:26px;right:24px;font-size:13px;}

.k4-hero{position:relative;height:100vh;min-height:620px;background:#050505;overflow:hidden;
  display:flex;align-items:flex-end;}
.k4-stage{position:absolute;inset:0;}
.k4-stage i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.9;
  animation:k4-drift 26s ease-in-out infinite;}
.k4-stage i:nth-child(1){width:78%;height:150%;left:-14%;top:-32%;
  background:radial-gradient(circle,rgba(196,205,220,.5),transparent 66%);}
.k4-stage i:nth-child(2){width:62%;height:120%;right:-10%;top:-8%;animation-delay:-9s;
  background:radial-gradient(circle,rgba(255,232,196,.28),transparent 64%);}
.k4-stage i:nth-child(3){width:96%;height:56%;left:2%;bottom:-24%;animation-delay:-17s;
  background:radial-gradient(circle,rgba(120,150,190,.34),transparent 68%);}
.k4-sweep{position:absolute;inset:-30%;
  background:linear-gradient(104deg,transparent 38%,rgba(255,255,255,.15) 47%,
    rgba(255,255,255,.42) 50%,rgba(255,255,255,.15) 53%,transparent 62%);
  animation:k4-sweep 11s cubic-bezier(.5,0,.5,1) infinite;}
.k4-vig{position:absolute;inset:0;
  background:radial-gradient(120% 90% at 50% 40%,transparent 30%,rgba(0,0,0,.62) 100%),
    linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 26%,transparent 52%,rgba(0,0,0,.86) 100%);}
.k4-grain{position:absolute;inset:0;opacity:.16;mix-blend-mode:overlay;pointer-events:none;}

@keyframes k4-drift{
  0%,100%{transform:translate3d(0,0,0) scale(1);}
  50%{transform:translate3d(4%,-3%,0) scale(1.14);}
}
@keyframes k4-sweep{
  0%{transform:translateX(-62%);}
  55%,100%{transform:translateX(62%);}
}

.k4-hero-in{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0 64px 96px;}
.k4-hero .k4-mono{color:rgba(255,255,255,.62);}
.k4-hero h1{color:#fff;font-size:clamp(38px,5.6vw,64px);font-weight:500;letter-spacing:-.03em;
  line-height:1.02;margin-top:20px;max-width:15ch;}
.k4-hero p{color:rgba(255,255,255,.68);font-size:16px;line-height:1.65;max-width:46ch;margin-top:20px;}
.k4-rise{opacity:0;transform:translateY(14px);animation:k4-in .9s cubic-bezier(.16,1,.3,1) forwards;}
@keyframes k4-in{to{opacity:1;transform:none;}}

.k4-cta{display:inline-block;background:var(--red);color:#fff !important;font-size:14px;font-weight:500;
  padding:13px 24px;border-radius:2px;margin-top:32px;transition:transform .2s,filter .2s;}
.k4-cta:hover{filter:brightness(1.1);}
.k4-cta:active{transform:translateY(1px);}
.k4-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:500;
  color:var(--ink);padding:4px 0;transition:gap .25s;}
.k4-link:hover{gap:15px;}

.k4-scroll{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:2;
  width:1px;height:44px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.55));}
.k4-scroll::after{content:'';position:absolute;top:0;left:0;width:1px;height:14px;background:#fff;
  animation:k4-trace 2.6s ease-in-out infinite;}
@keyframes k4-trace{0%{top:-14px;opacity:0;}40%{opacity:1;}100%{top:44px;opacity:0;}}

.k4-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:72px;}
.k4-door{text-align:left;display:block;width:100%;}
.k4-door-art{position:relative;aspect-ratio:4/5;overflow:hidden;}
.k4-door-art > .k4-study{position:absolute;inset:0;transition:transform .9s cubic-bezier(.16,1,.3,1);}
.k4-door:hover .k4-door-art > .k4-study{transform:scale(1.04);}
.k4-door-n{position:absolute;top:22px;left:22px;z-index:2;color:rgba(255,255,255,.6) !important;}
.k4-door h3{font-size:26px;font-weight:500;letter-spacing:-.025em;margin-top:26px;}
.k4-door p{color:var(--graphite);font-size:14.5px;line-height:1.65;margin-top:12px;max-width:32ch;}
.k4-door .k4-link{margin-top:20px;}

.k4-brands{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin-top:64px;
  background:var(--line);border:1px solid var(--line);}
.k4-brand{background:var(--paper);display:grid;place-items:center;min-height:128px;padding:20px;
  font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--silver);
  text-align:center;line-height:1.5;transition:color .25s,background .25s;}
.k4-brand:hover{color:var(--ink);background:var(--mist);}

.k4-ready-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.k4-ready{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:64px;}
.k4-ready .k4-card-art{aspect-ratio:4/3;}
.k4-ready .k4-card h3{font-size:17px;margin-top:18px;}
.k4-ready .k4-card-pay{font-size:24px;margin-top:8px;}

.k4-eye{display:flex;align-items:center;gap:16px;margin-bottom:28px;}
.k4-eye i{flex:1;height:1px;background:var(--line);}
.k4-h2{font-size:clamp(28px,3.4vw,44px);font-weight:500;letter-spacing:-.03em;line-height:1.1;
  max-width:20ch;}
.k4-lede{font-size:16.5px;line-height:1.7;color:var(--graphite);max-width:58ch;margin-top:24px;}

.k4-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;margin-top:80px;}
.k4-step h3{font-size:20px;font-weight:500;letter-spacing:-.02em;margin-top:16px;}
.k4-step p{font-size:14.5px;line-height:1.65;color:var(--graphite);margin-top:10px;}
.k4-step-r{display:block;height:1px;background:var(--ink);width:28px;margin-bottom:22px;}

.k4-band{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;}
.k4-band-art{min-height:520px;position:relative;overflow:hidden;}
.k4-band-txt{padding:96px 64px;display:flex;flex-direction:column;justify-content:center;}

.k4-quotes{display:grid;grid-template-columns:1fr 1fr;gap:96px;margin-top:72px;}
.k4-quote p{font-size:24px;font-weight:400;line-height:1.5;letter-spacing:-.015em;}
.k4-quote footer{margin-top:24px;}

.k4-close{text-align:center;}
.k4-close .k4-h2{margin:0 auto;max-width:16ch;}

.k4-page{padding-top:0;}
.k4-curated.k4-page,.k4-inventory{padding-top:0;}
.k4-vehicle.k4-page{padding-top:0!important;margin:0!important;}
.k4-v-hero{
  position:relative;background:var(--hero-bg,#0c0d0f);color:#fff;
  margin:0;padding:0;width:100%;
}
.k4-v-media{
  position:relative;width:100%;height:min(62vh,640px);min-height:420px;
  overflow:hidden;background:#0c0d0f;
}
.k4-v-media img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center center;display:block;
}
.k4-v-media .k4-study{position:absolute;inset:0;width:100%;height:100%;}
.k4-v-media-fade{
  position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,transparent 35%,rgba(0,0,0,.55) 100%);
}
.k4-v-hero-in{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:0 64px 48px;max-width:1280px;margin:0 auto;box-sizing:border-box;
}
@media (max-width:1000px){
  .k4-v-hero-in{padding:0 24px 36px;}
  .k4-v-media{min-height:320px;height:50vh;}
}
.k4-phead{padding:96px 0 56px;border-bottom:1px solid var(--line);}
.k4-filters{display:flex;gap:32px;flex-wrap:wrap;align-items:center;
  padding:26px 0;border-bottom:1px solid var(--line);}
.k4-fgroup{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.k4-fgroup > span{white-space:nowrap;}
.k4-fbtn{font-size:13.5px;color:var(--silver);padding:3px 0;position:relative;transition:color .2s;background:none;border:none;cursor:pointer;}
.k4-fbtn:hover{color:var(--graphite);}
.k4-fbtn.is-on{color:var(--ink);}
.k4-fbtn.is-on::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--ink);}

.k4-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:64px 40px;padding:64px 0 0;}
.k4-card,.k4 a.k4-card{
  text-align:left;display:block;width:100%;
  text-decoration:none!important;border-bottom:none!important;
  font-family:'Archivo',-apple-system,'Segoe UI',Helvetica,sans-serif;
  color:var(--ink);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.k4-card *,.k4-card h3,.k4-card p,.k4-card span,.k4-card small{
  text-decoration:none!important;border-bottom:none!important;
  font-family:inherit;
}
.k4-card h3::after,.k4-card h3::before,.k4-card p::after,.k4-card p::before{content:none!important;display:none!important;}
.k4-card-art{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0B0D10;}
.k4-card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1);}
.k4-card-art > .k4-study{position:absolute;inset:0;transition:transform .9s cubic-bezier(.16,1,.3,1);}
.k4-card:hover .k4-card-art img,.k4-card:hover .k4-card-art > .k4-study{transform:scale(1.03);}
.k4-card h3{
  font-size:21px;font-weight:500;letter-spacing:-.02em;margin-top:22px;
  text-decoration:none!important;border:none!important;background:none;
}
.k4-card-pay{
  font-family:'Archivo',sans-serif;font-size:30px;font-weight:500;
  letter-spacing:-.03em;margin-top:10px;text-decoration:none!important;border:none!important;
}
.k4-card-pay small{font-size:13px;color:var(--silver);letter-spacing:0;font-weight:400;}
.k4-card-meta{margin-top:12px;text-decoration:none!important;}
.k4-card-badge{
  position:absolute;top:16px;left:16px;z-index:2;
  font-family:'Archivo',sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:#fff;background:rgba(10,10,10,.55);padding:6px 10px;backdrop-filter:blur(6px);
}
.k4-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.k4-card-tags span{
  font-family:'Archivo',sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--graphite);border:1px solid var(--line);padding:5px 9px;
}
.k4-card-trim{margin-top:6px;font-size:14px;color:var(--graphite);text-decoration:none!important;border:none!important;}
.k4-card-spec{margin-top:10px;font-size:14px;color:var(--graphite);line-height:1.5;}
.k4-card-explore{
  display:inline-flex;align-items:center;gap:8px;margin-top:18px;
  font-size:14px;font-weight:500;transition:gap .25s;
  text-decoration:none!important;border:none!important;
}
.k4-card:hover .k4-card-explore{gap:14px;}

.k4-empty{padding:120px 0;text-align:center;border-bottom:1px solid var(--line);display:none;}
.k4-empty.is-show{display:block;}
.k4-empty h3{font-size:26px;font-weight:500;letter-spacing:-.02em;}
.k4-empty p{color:var(--graphite);font-size:15px;margin-top:14px;}
.k4-empty-act{display:flex;gap:32px;justify-content:center;margin-top:32px;flex-wrap:wrap;}

/* Listing inventory */
.k4-list-hero{
  padding:120px 0 56px;
  background:linear-gradient(180deg,#0A0A0A 0%,#121417 100%);
  color:#fff;
}
.k4-list-hero .k4-mono{color:rgba(255,255,255,.5);}
.k4-list-hero .k4-h2{color:#fff;}
.k4-list-hero .k4-lede{color:rgba(255,255,255,.68);}
.k4-list-search{
  display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;
  margin-top:40px;max-width:720px;
}
.k4-list-search .k4-field label{color:rgba(255,255,255,.45);}
.k4-list-search .k4-field input{color:#fff;border-bottom-color:rgba(255,255,255,.22);}
.k4-list-search .k4-field input:focus{border-bottom-color:#fff;}
.k4-list-search .k4-field input::placeholder{color:rgba(255,255,255,.35);}
.k4-make-rail{display:flex;flex-wrap:wrap;gap:10px;padding:28px 0 8px;border-bottom:1px solid var(--line);}
.k4-make-chip{font-size:13px;padding:10px 16px;border:1px solid var(--line);color:var(--graphite);transition:all .2s;}
.k4-make-chip:hover,.k4-make-chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff;}
.k4-list-grid{padding-top:48px;}

/* Detail */
.k4-hero-art-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(255,255,255,.04) 100%);pointer-events:none;}
.k4-detail-sec{padding-top:72px;}
.k4-detail-facts{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  margin-top:40px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.k4-detail-facts strong{display:block;margin-top:8px;font-size:18px;font-weight:500;letter-spacing:-.02em;}
.k4-detail-panel{position:sticky;top:96px;}
.k4-detail-copy{margin-top:56px;}
.k4-detail-html{margin-top:20px;font-size:15.5px;line-height:1.75;color:var(--graphite);max-width:54ch;}
.k4-detail-html p{margin:0 0 1em;}

.k4-hero-art{height:62vh;min-height:400px;position:relative;overflow:hidden;}
.k4-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.k4-terms{display:grid;grid-template-columns:1.05fr .95fr;gap:96px;align-items:start;}
.k4-figure{font-family:'JetBrains Mono',monospace;font-size:clamp(46px,6vw,74px);font-weight:400;
  letter-spacing:-.04em;line-height:1;transition:opacity .18s;}
.k4-figure.is-busy{opacity:.34;}
.k4-figure small{font-size:15px;color:var(--silver);letter-spacing:0;margin-left:8px;}
.k4-est{margin-top:14px;}

.k4-ctrl{border-top:1px solid var(--line);padding:24px 0;}
.k4-ctrl:last-of-type{border-bottom:1px solid var(--line);}
.k4-ctrl-hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;}
.k4-opts{display:flex;gap:8px;}
.k4-opt{flex:1;padding:12px 4px;border:1px solid var(--line);border-radius:2px;font-size:14px;
  color:var(--graphite);transition:border-color .2s,color .2s,background .2s;background:none;cursor:pointer;}
.k4-opt:hover{border-color:var(--silver);}
.k4-opt.is-on{border-color:var(--ink);background:var(--ink);color:#fff;}

.k4-spec{border-top:1px solid var(--line);}
.k4-spec div{display:flex;justify-content:space-between;padding:16px 0;
  border-bottom:1px solid var(--line);font-size:14.5px;}
.k4-spec div span:last-child{color:var(--graphite);}

.k4-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.k4-field{display:flex;flex-direction:column;gap:8px;}
.k4-field.is-wide{grid-column:1/-1;}
.k4-field label{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;
  letter-spacing:.18em;color:var(--silver);}
.k4-field input,.k4-field select,.k4-field textarea{
  font:inherit;font-size:15px;padding:12px 0;border:none;border-bottom:1px solid var(--line);
  background:none;color:var(--ink);border-radius:0;transition:border-color .2s;width:100%;}
.k4-field input:focus,.k4-field select:focus,.k4-field textarea:focus{
  outline:none;border-bottom-color:var(--ink);}
.k4-field textarea{resize:vertical;min-height:88px;}
.k4-done{padding:64px 0;display:none;}
.k4-done.is-show{display:block;}
.k4-done h3{font-size:26px;font-weight:500;letter-spacing:-.02em;}
.k4-done p{color:var(--graphite);font-size:15px;margin-top:14px;max-width:44ch;}
.k4-form-wrap.is-sent .k4-form-body{display:none;}
.k4-form-wrap.is-sent .k4-done{display:block;}

.k4-bar{height:1px;background:var(--line);position:relative;margin-bottom:80px;}
.k4-bar i{position:absolute;left:0;top:0;height:1px;background:var(--ink);transition:width .5s cubic-bezier(.16,1,.3,1);}
.k4-q{font-size:clamp(26px,3.2vw,40px);font-weight:500;letter-spacing:-.03em;line-height:1.15;max-width:16ch;}
.k4-picks{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px;}
.k4-pick{padding:14px 22px;border:1px solid var(--line);border-radius:2px;font-size:15px;
  color:var(--graphite);transition:all .2s;background:none;cursor:pointer;}
.k4-pick:hover{border-color:var(--ink);color:var(--ink);}
.k4-pick.is-on{background:var(--ink);border-color:var(--ink);color:#fff;}
.k4-nav-steps{display:flex;gap:28px;align-items:center;margin-top:64px;}
.k4-sum{border-top:1px solid var(--line);margin-top:8px;}
.k4-sum div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:14.5px;}
.k4-sum div span:first-child{color:var(--silver);}
.k4-shop-panel{display:none;}
.k4-shop-panel.is-on{display:block;}

.k4-conc{display:grid;grid-template-columns:1fr 1fr;gap:96px;}
.k4-plain li{padding:18px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--graphite);}
.k4-plain li:first-child{border-top:1px solid var(--line);}

.k4-foot{background:var(--ink);color:#fff;padding:96px 0 40px;}
.k4-foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:48px;}
.k4-foot h4{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;
  letter-spacing:.18em;color:rgba(255,255,255,.42);font-weight:400;margin-bottom:20px;}
.k4-foot li{margin-bottom:12px;}
.k4-foot li a{font-size:14px;color:rgba(255,255,255,.74);transition:color .2s;}
.k4-foot li a:hover{color:#fff;}
.k4-foot-logo{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;}
.k4-foot-note{margin-top:64px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);
  font-size:11.5px;line-height:1.7;color:rgba(255,255,255,.38);max-width:78ch;}

.k4-study{position:absolute;inset:0;overflow:hidden;}
.k4-study[data-tone="graphite"]{background:#0B0D10;}
.k4-study[data-tone="slate"]{background:#0A0C0F;}
.k4-study[data-tone="pearl"]{background:#101216;}
.k4-study[data-tone="sand"]{background:#0E0C0A;}
.k4-study-glow{position:absolute;inset:-20%;animation:k4-drift 30s ease-in-out infinite;}
.k4-study[data-tone="graphite"] .k4-study-glow{
  background:radial-gradient(60% 90% at 30% 20%,rgba(198,208,222,.46),transparent 62%),
             radial-gradient(70% 80% at 78% 76%,rgba(120,150,190,.32),transparent 66%);}
.k4-study[data-tone="slate"] .k4-study-glow{
  background:radial-gradient(60% 90% at 30% 20%,rgba(176,196,220,.42),transparent 62%),
             radial-gradient(70% 80% at 78% 76%,rgba(90,120,160,.34),transparent 66%);}
.k4-study[data-tone="pearl"] .k4-study-glow{
  background:radial-gradient(60% 90% at 30% 20%,rgba(236,240,246,.5),transparent 62%),
             radial-gradient(70% 80% at 78% 76%,rgba(170,185,205,.3),transparent 66%);}
.k4-study[data-tone="sand"] .k4-study-glow{
  background:radial-gradient(60% 90% at 30% 20%,rgba(238,224,196,.4),transparent 62%),
             radial-gradient(70% 80% at 78% 76%,rgba(150,130,100,.28),transparent 66%);}
.k4-study-shade{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 34%,transparent 46%,rgba(0,0,0,.8) 100%);}
.k4-study[data-sweep="0"] .k4-sweep,.k4-study[data-sweep="0"] .k4-study-glow{animation:none;}

.k4-reveal{opacity:0;transform:translateY(8px);transition:opacity .5s ease-out,transform .5s ease-out;}
.k4-reveal.is-in{opacity:1;transform:none;}

.k4-how-row{display:grid;grid-template-columns:80px 1fr;gap:40px;padding:40px 0;border-bottom:1px solid var(--line);}
.k4-how-row h3{font-size:22px;font-weight:500;letter-spacing:-.02em;}
.k4-how-row p{font-size:15px;line-height:1.7;color:var(--graphite);margin-top:12px;max-width:58ch;}

/* Listing pages: keep theme header/menu; expand content */
body.k4-listing-theme .entry-header,
body.k4-listing-theme .page-title,
body.k4-listing-theme .entry-footer{display:none !important;}
body.k4-listing-theme .entry-content,
body.k4-listing-theme .wp-block-post-content,
body.k4-listing-theme .site-main > article,
body.k4-listing-theme #content .k4,
body.k4-listing-theme .content-area{
  max-width:none !important;width:100% !important;
}
body.k4-listing-theme .k4-app{
  width:100%;
}

@media (max-width:1000px){
  .k4-wrap,.k4-head-in,.k4-hero-in{padding-left:24px;padding-right:24px;}
  .k4-wrap-full,.k4-curated .k4-wrap-full,.k4-shop .k4-wrap-full{padding-left:24px;padding-right:24px;}
  .k4-sec{padding:80px 0;}
  .k4-sec-tight{padding:64px 0;}
  .k4-nav,.k4-head-r .k4-link{display:none;}
  .k4-burger{display:block;font-size:13px;color:#fff;margin-left:auto;background:none;border:none;cursor:pointer;}
  .k4-head.is-solid .k4-burger{color:var(--ink);}
  .k4-doors{grid-template-columns:1fr;gap:56px;margin-top:48px;}
  .k4-door-art{aspect-ratio:16/10;}
  .k4-brands{grid-template-columns:repeat(3,1fr);margin-top:40px;}
  .k4-brand{min-height:96px;font-size:11px;}
  .k4-ready{grid-template-columns:1fr;gap:48px;margin-top:40px;}
  .k4-ready .k4-card-art{aspect-ratio:16/10;}
  .k4-steps{grid-template-columns:1fr;gap:44px;margin-top:48px;}
  .k4-band{grid-template-columns:1fr;}
  .k4-band-art{min-height:300px;}
  .k4-band-txt{padding:64px 24px;}
  .k4-quotes{grid-template-columns:1fr;gap:56px;margin-top:48px;}
  .k4-grid{gap:40px;}
  .k4-terms,.k4-conc{grid-template-columns:1fr;gap:56px;}
  .k4-form{grid-template-columns:1fr;}
  .k4-hero-in{padding-bottom:64px;}
  .k4-phead{padding:56px 0 40px;}
  .k4-filters{gap:20px;}
  .k4-foot-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .k4-list-search{grid-template-columns:1fr;}
  .k4-list-hero{padding:96px 0 40px;}
  .k4-detail-facts{grid-template-columns:repeat(2,1fr);}
  .k4-detail-panel{position:static;}
}
@media (prefers-reduced-motion:reduce){
  .k4 *,.k4 *::after,.k4 *::before{animation:none !important;transition:none !important;}
  .k4-reveal{opacity:1;transform:none;}
  .k4-rise{opacity:1;transform:none;}
}

/* ===== Inventory (auto listing + sidebar) ===== */
.k4-app,.k4-main{width:100%;}
.k4-inv-head{padding:72px 0 40px;border-bottom:1px solid var(--line);}
.k4-inv-title{font-size:clamp(32px,4vw,48px);font-weight:500;letter-spacing:-.03em;margin-top:16px;line-height:1.1;}
.k4-inv-lede{margin-top:14px;color:var(--graphite);font-size:16px;max-width:48ch;line-height:1.65;}
.k4-inv-layout{display:grid;grid-template-columns:260px 1fr;gap:48px;padding:48px 0 96px;align-items:start;}
.k4-inv-layout.is-noside{grid-template-columns:1fr;}
.k4-inv-side{border:1px solid var(--line);padding:22px;position:sticky;top:24px;background:var(--paper);}
.k4-inv-side-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:14px;font-weight:500;}
.k4-inv-reset{background:none;border:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--silver);cursor:pointer;font-family:'JetBrains Mono',monospace;}
.k4-inv-reset:hover{color:var(--ink);}
.k4-inv-search{width:100%;border:none;border-bottom:1px solid var(--line);padding:10px 0;font:inherit;font-size:14px;background:transparent;}
.k4-inv-search:focus{outline:none;border-bottom-color:var(--ink);}
.k4-inv-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;}
.k4-inv-all{font-size:13px;color:var(--graphite);}
.k4-inv-all:hover{color:var(--ink);}
.k4-inv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;}

/* ===== Vehicle single (flush hero + cover image) ===== */
.k4-v-hero{position:relative;background:var(--hero-bg,#0c0d0f);color:#fff;margin:0;padding:0;width:100%;}
.k4-v-media{
  position:relative;width:100%;height:min(var(--hero-h,62vh),640px);min-height:420px;
  overflow:hidden;background:#0c0d0f;
}
.k4-v-media img,.k4-v-media .k4-study{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-width:none!important;margin:0!important;padding:0!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;
  object-fit:cover!important;object-position:center center!important;display:block;
}
.k4-v-hero-in{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:0 64px 48px;max-width:1280px;margin:0 auto;box-sizing:border-box;
}
.k4-v-badges{display:flex;gap:8px;flex-wrap:wrap;}
.k4-v-badges span{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:6px 10px;border:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.85);}
.k4-v-title{font-size:clamp(36px,5vw,64px);font-weight:500;letter-spacing:-.03em;line-height:1.02;margin-top:18px;max-width:14ch;}
.k4-v-sub{margin-top:14px;color:rgba(255,255,255,.62);font-size:15px;line-height:1.6;max-width:46ch;}
.k4-v-color{margin-top:18px;font-size:14px;color:rgba(255,255,255,.75);}
.k4-v-color .k4-mono{display:block;margin-bottom:6px;color:rgba(255,255,255,.4);}
.k4-v-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;padding:72px 0 40px;align-items:start;}
.k4-v-block{padding:40px 0;border-bottom:1px solid var(--line);}
.k4-v-block:first-child{padding-top:0;}
.k4-v-block h2{font-size:24px;font-weight:500;letter-spacing:-.02em;margin-bottom:20px;}
.k4-v-about{font-size:15.5px;line-height:1.75;color:var(--graphite);max-width:58ch;}
.k4-v-about p{margin:0 0 1em;}
.k4-v-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;}
.k4-v-highlights strong{display:block;margin-top:8px;font-size:18px;font-weight:500;}
.k4-v-specs{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.k4-v-specs > div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;}
.k4-v-specs span{color:var(--silver);}
.k4-v-specs strong{font-weight:500;text-align:right;}
.k4-v-equip{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;padding:0;margin:0;list-style:none;}
.k4-v-equip li{padding:10px 0 10px 18px;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--graphite);position:relative;}
.k4-v-equip li::before{content:'';position:absolute;left:0;top:18px;width:6px;height:6px;background:var(--ink);}
.k4-v-aside{position:sticky;top:24px;}
.k4-v-card{border:1px solid var(--line);padding:28px;background:var(--paper);}
.k4-v-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;}
.k4-v-mode{padding:12px;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:13px;font-weight:500;}
.k4-v-mode.is-on{background:var(--ink);border-color:var(--ink);color:#fff;}
.k4-v-price{font-family:'JetBrains Mono',monospace;font-size:clamp(36px,4vw,52px);letter-spacing:-.04em;line-height:1;margin-top:10px;}
.k4-v-price small{font-size:14px;color:var(--silver);margin-left:6px;}
.k4-v-due{margin-top:12px;color:var(--silver);}
.k4-v-cta{width:100%;text-align:center;margin-top:8px;}
.k4-v-form{margin-top:8px;}
.k4-v-back{display:inline-block;margin-top:20px;font-size:14px;color:var(--graphite);}
.k4-v-back:hover{color:var(--ink);}
.k4-v-related{padding:56px 0 96px;border-top:1px solid var(--line);margin-top:24px;}

@media (max-width:1000px){
  .k4-inv-layout,.k4-v-layout{grid-template-columns:1fr;gap:32px;}
  .k4-inv-side,.k4-v-aside{position:static;}
  .k4-inv-grid{grid-template-columns:1fr;}
  .k4-v-highlights{grid-template-columns:1fr 1fr;}
  .k4-v-specs,.k4-v-equip{grid-template-columns:1fr;}
  .k4-v-related .k4-w-grid{grid-template-columns:1fr !important;}
}