/* Inventory page */
.nav__links a[aria-current="page"]{color:var(--text)}
.nav__links a[aria-current="page"]::after{right:.26em}
.inv-hero{padding:clamp(72px,9vw,120px) 0 clamp(36px,4vw,56px);border-bottom:1px solid var(--line);
  background:radial-gradient(ellipse 70% 90% at 85% 0%,rgba(192,192,192,.08),transparent 60%),url(texture.webp) center/420px repeat,#0B0B0B;background-blend-mode:normal,luminosity,normal;position:relative}
.inv-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,11,.55),rgba(11,11,11,.9));pointer-events:none}
.inv-hero .wrap{position:relative;z-index:1}
.inv-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.1;font-weight:200;letter-spacing:.02em;margin-bottom:22px;max-width:14em}
.inv-hero .lead{max-width:36em}
.inv-meta{margin:26px 0 0;font:400 11px/1 var(--head);letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}
.inv{padding:clamp(40px,5vw,64px) 0 clamp(80px,10vw,130px)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(32px,4vw,48px)}
.chip{font:400 11px/1 var(--head);letter-spacing:.24em;text-transform:uppercase;color:var(--text2);background:transparent;border:1px solid var(--line2);padding:12px 18px;cursor:pointer;transition:all .3s var(--ease)}
.chip span{color:var(--muted);margin-left:6px;letter-spacing:.1em}
.chip:hover{border-color:var(--silver);color:var(--text)}
.chip.is-on{background:linear-gradient(180deg,#E6E6E6,#B8B8B8);color:#0B0B0B;border-color:#D0D0D0}
.chip.is-on span{color:#3a3a3a}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(20px,2.4vw,32px)}
.card{display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line);position:relative;transition:border-color .4s var(--ease),background .4s var(--ease)}
.card[hidden]{display:none}
.card::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--silver);transition:width .6s var(--ease);z-index:2}
.card:hover{border-color:var(--line2);background:var(--bg3)}
.card:hover::before{width:100%}
.card__media{display:block;aspect-ratio:1/1;overflow:hidden;background:#141414}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.card:hover .card__media img{transform:scale(1.035)}
.card__nophoto{height:100%;display:grid;place-items:center;color:var(--muted);font:400 11px/1 var(--head);letter-spacing:.3em;text-transform:uppercase}
.card__body{padding:28px 28px 30px;display:flex;flex-direction:column;flex:1}
.card__brand{font:400 11px/1 var(--head);letter-spacing:.36em;text-transform:uppercase;color:var(--silver);margin:0 0 12px}
.card__title{font-size:21px;line-height:1.3;font-weight:300;letter-spacing:.03em;margin-bottom:20px}
.card__specs{margin:0 0 22px;border-top:1px solid var(--line)}
.card__specs>div{display:grid;grid-template-columns:104px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.card__specs dt{font:400 10px/1.9 var(--head);letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
.card__specs dd{margin:0;font-size:14.5px;color:var(--text);word-break:break-word}
.card__price{font:300 26px/1 var(--head);letter-spacing:.06em;color:var(--text);margin:auto 0 22px}
.card__ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.card__ctas .btn{padding-left:10px;padding-right:10px}
.card__more{margin-top:18px}
.inv-empty{text-align:left;padding:48px 0}
.inv-empty[hidden]{display:none}
.inv-source{border-bottom:none}
@media (max-width:560px){
  .grid{grid-template-columns:1fr}
  .card__body{padding:24px 20px 26px}
  .card__specs>div{grid-template-columns:96px 1fr}
  .inv-hero .eyebrow{font-size:10px;letter-spacing:.32em}
}
.card__brand{display:flex;align-items:center;justify-content:space-between;gap:12px}
.card__tag{font:400 9.5px/1 var(--head);letter-spacing:.26em;text-transform:uppercase;color:var(--silver);border:1px solid var(--line2);padding:6px 9px 6px 10px;white-space:nowrap}
.inv + .inv-source{border-top:1px solid var(--line)}
.card__brand{line-height:1.5}
