/* Gallery intro page skin: dark, confident, photo-first */
.home{--accent:#ff8a2a;--accent2:#ffc857}
.home-hero{position:relative;min-height:min(88vh,860px);display:flex;align-items:flex-end;padding:clamp(90px,12vw,140px) clamp(16px,4vw,40px) clamp(40px,6vw,72px);
  background:linear-gradient(90deg,rgba(10,11,13,.94) 0%,rgba(10,11,13,.72) 42%,rgba(10,11,13,.1) 78%),linear-gradient(0deg,var(--bg) 0%,transparent 35%),var(--hero) 62% 55%/cover no-repeat}
.home-hero-inner{max-width:var(--maxw);width:100%;margin:0 auto}
.kicker{display:flex;align-items:center;gap:10px;font:700 13px/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent2);margin:0 0 16px}
.home-title{font-family:"Archivo",sans-serif;font-stretch:125%;font-weight:900;font-size:clamp(46px,9vw,128px);line-height:.88;letter-spacing:-.02em;text-transform:uppercase;max-width:9ch}
.home-title span{display:block}
.home-title span:last-child{color:transparent;-webkit-text-stroke:2px var(--fg)}
.tagline{font:italic 700 clamp(22px,2.6vw,32px)/1.2 "Archivo",sans-serif;font-stretch:100%;margin:22px 0 10px;color:var(--accent)}
.tagline .sample-tag{font-style:normal}
.lede{max-width:54ch;color:#d9d3c8;font-size:clamp(16.5px,1.4vw,19px);margin:0 0 26px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-stats{display:flex;gap:clamp(20px,4vw,48px);margin:36px 0 0;padding-top:20px;border-top:1px solid var(--line);max-width:560px}
.hero-stats dt{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.hero-stats dd{margin:4px 0 0;font:900 clamp(28px,3.4vw,42px)/1 "Archivo",sans-serif;font-stretch:112%}
.hero-credit{position:absolute;right:clamp(16px,4vw,40px);bottom:16px;margin:0;font-size:12px;color:rgba(255,255,255,.6)}

/* in the shop strip */
.shop{padding:0 clamp(16px,4vw,40px);margin-top:clamp(10px,2vw,24px)}
.shop-inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(20px,3vw,40px);align-items:center;
  padding:clamp(20px,3vw,32px);border-radius:22px;background:linear-gradient(120deg,#1e1a16,#16181c 60%);border:1px solid rgba(255,138,42,.28);position:relative;overflow:hidden}
.shop-inner::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:repeating-linear-gradient(45deg,var(--accent2) 0 12px,#111 12px 24px)}
.live-dot{width:10px;height:10px;border-radius:50%;background:#ff4d3d;box-shadow:0 0 0 0 rgba(255,77,61,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,77,61,0)}100%{box-shadow:0 0 0 0 rgba(255,77,61,0)}}
.shop h2{font:900 clamp(26px,3vw,40px)/1.02 "Archivo",sans-serif;font-stretch:110%}
.shop-byline{color:var(--muted);margin:8px 0 14px;font-weight:600}
.shop-stats{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px}
.shop-stats li{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);font-size:14px}
.shop-stats b{color:var(--accent2)}
.shop-thumbs{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:clamp(200px,24vw,300px)}
.shop-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:12px;background:#222}
.shop-thumbs img:first-child{grid-row:span 2}
.shop-thumbs img:nth-child(4){grid-column:2/4}

/* bikes grid */
.bikes{max-width:var(--maxw);margin:0 auto;padding:clamp(48px,7vw,90px) clamp(16px,4vw,40px) 0;scroll-margin-top:60px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.section-head h2{font:900 clamp(32px,4.4vw,56px)/1 "Archivo",sans-serif;font-stretch:118%;text-transform:uppercase}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:transparent;font-weight:700;font-size:14.5px;cursor:pointer;transition:.15s}
.chip span{opacity:.55;font-weight:600;margin-left:2px}
.chip:hover{border-color:var(--fg)}
.chip.is-on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--gap)}
.card{--c1:#888;--c2:#aaa;--c3:#555;border-radius:18px;background:var(--bg2);overflow:hidden;transition:transform .2s,box-shadow .2s;border:1px solid var(--line)}
.card[hidden]{display:none}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card-link{display:flex;flex-direction:column;height:100%;text-decoration:none}
.card-media{position:relative;aspect-ratio:4/3;background:var(--lqip,#222) center/cover;overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .card-media img{transform:scale(1.05)}
.card-accent{display:flex;height:8px}
.card-accent i{flex:1}
.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{font:800 22px/1.12 "Archivo",sans-serif;font-stretch:108%}
.card-byline{margin:0;color:var(--muted);font-size:15.5px}
.card-meta{margin:6px 0 0;display:flex;gap:14px;font-size:14px;color:#cfc9bf;flex-wrap:wrap}
.card-meta b{color:var(--fg)}
.card-go{margin-top:auto;padding-top:10px;font-weight:700;font-size:14px;color:var(--accent2)}
.card-go.ext{color:var(--muted);font-weight:600}
.decade-badge{position:absolute;left:12px;top:12px;padding:6px 11px;border-radius:8px;font:800 13px/1 var(--font-body);letter-spacing:.06em;background:rgba(0,0,0,.7);color:#fff}

/* decade accents: same card, different trim */
.d-1970s .card-accent{flex-direction:column;height:12px}
.d-1970s .card-accent i:nth-child(1){background:#e2572b}.d-1970s .card-accent i:nth-child(2){background:#f0a430}.d-1970s .card-accent i:nth-child(3){background:#7a3f1d}
.d-1970s .decade-badge{background:#f0a430;color:#3a1c0b;border-radius:999px;font-family:"Bagel Fat One",sans-serif;font-weight:400;letter-spacing:.02em;box-shadow:3px 3px 0 #7a3f1d}
.d-1970s:hover{border-color:#e2572b}
.d-1980s .card-accent{height:6px;background:linear-gradient(90deg,#ff2bd6,#8a4bff,#1ee5ff);box-shadow:0 0 14px rgba(255,43,214,.6)}
.d-1980s .card-accent i{display:none}
.d-1980s .card-media::after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(0deg,rgba(255,43,214,.28),transparent)}
.d-1980s .decade-badge{background:linear-gradient(180deg,#fff 0%,#b9c6d6 48%,#566175 52%,#e6ecf5 100%);color:#1a1030;font-family:"Audiowide",sans-serif;font-weight:400;transform:skewX(-10deg);border-radius:4px;box-shadow:0 0 0 1.5px #1ee5ff,0 0 14px rgba(30,229,255,.6)}
.d-1980s:hover{border-color:#ff2bd6}
.d-1990s .card-accent{height:10px}
.d-1990s .card-accent i:nth-child(1){flex:3;background:#14b8a6}.d-1990s .card-accent i:nth-child(2){flex:2;background:#7c3aed}.d-1990s .card-accent i:nth-child(3){flex:1;background:#facc15}
.d-1990s .decade-badge{background:#facc15;color:#111;border-radius:0;box-shadow:4px 4px 0 #7c3aed;transform:rotate(-3deg);font-weight:900}
.d-1990s:hover{border-color:#14b8a6}
.d-undated .card-accent{height:4px;background:#3a3d42}.d-undated .card-accent i{display:none}
.chip-1970s.is-on{background:#f0a430;border-color:#f0a430;color:#3a1c0b}
.chip-1980s.is-on{background:linear-gradient(90deg,#ff2bd6,#1ee5ff);border-color:transparent;color:#140a22}
.chip-1990s.is-on{background:#14b8a6;border-color:#14b8a6;color:#04201c}
.empty-note{text-align:center;color:var(--muted)}

@media (max-width:820px){
  .shop-inner{grid-template-columns:1fr}
  .home-hero{background:linear-gradient(0deg,var(--bg) 8%,rgba(10,11,13,.75) 55%,rgba(10,11,13,.35) 100%),var(--hero) 60% 40%/cover no-repeat;min-height:auto}
  .hero-credit{display:none}
}
@media (max-width:560px){
  .home-title span:last-child{-webkit-text-stroke-width:1.5px}
  .shop-thumbs{height:220px}
  .card-grid{grid-template-columns:1fr}
  .section-head{align-items:start}
}

/* featured cards (bikes with concept pages).
   Desktop: 4 columns, features span 3 with image left, so 3 features + 7 cards = 16 cells = 4 full rows.
   Tablet: 2 columns, features become normal cards (10 cards = 5 full rows). Phone: 1 column. */
.card-grid{grid-auto-flow:dense}
@media (min-width:640px) and (max-width:1099px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){
  .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .card.is-feature{grid-column:span 3}
  .card.is-feature .card-link{display:grid;grid-template-columns:1.5fr 12px 1fr}
  .card.is-feature .card-media{aspect-ratio:auto;min-height:100%}
  .card.is-feature .card-media img{position:absolute;inset:0}
  .card.is-feature .card-accent{height:auto;width:12px}
  .card.is-feature.d-1970s .card-accent,.card.is-feature.d-1990s .card-accent{flex-direction:column}
  .card.is-feature.d-1980s .card-accent{background:linear-gradient(180deg,#ff2bd6,#8a4bff,#1ee5ff)}
  .card.is-feature .card-body{padding:26px 26px 24px;justify-content:center}
  .card.is-feature h3{font-size:30px}
  .card.is-feature .card-go{margin-top:14px;display:inline-block;align-self:flex-start;padding:10px 16px;border-radius:999px;background:var(--accent);color:var(--on-accent)}
  .card h3{font-size:20px}
}
.shop-thumbs{grid-template-rows:repeat(2,minmax(0,1fr))}
.home-hero{background-position:0 0,0 0,70% 62%}