/* Legend gallery — editorial photo wall (5 frames per page) */
.page-legend-gallery{background:#08090c}
.page-legend-gallery .kb-footer{margin-top:0;border-top-color:#1a1d24}

.kb-legend-gallery-page{
  --lg-gold:#d4af37;
  --lg-gold-dim:rgba(212,175,55,.35);
  --lg-ink:#08090c;
  --lg-panel:#111318;
  --lg-line:rgba(255,255,255,.08);
  --lg-muted:#8b919c;
  color:#f5f3ef;
  padding-bottom:64px;
}

.kb-legend-gallery-hero{
  position:relative;
  padding:36px 0 32px;
  overflow:hidden;
  border-bottom:1px solid var(--lg-line);
  background:
    radial-gradient(ellipse 80% 60% at 12% 0%,rgba(212,175,55,.12),transparent 55%),
    linear-gradient(180deg,#12141a 0%,var(--lg-ink) 100%);
}

.kb-legend-gallery-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  pointer-events:none;
}

.kb-legend-gallery-hero .kb-shell{position:relative;z-index:1}

.kb-legend-gallery-eyebrow{
  margin:0 0 12px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.28em;
  color:var(--lg-gold);
}

.kb-legend-gallery-hero h1{
  margin:0;
  max-width:11ch;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,5vw,58px);
  font-weight:500;
  letter-spacing:-.04em;
  line-height:.95;
}

.kb-legend-gallery-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 22px;
  margin-top:18px;
}

.kb-legend-gallery-lead{
  margin:0;
  max-width:36em;
  color:var(--lg-muted);
  font-size:15px;
  line-height:1.65;
}

.kb-legend-gallery-count{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border:1px solid var(--lg-gold-dim);
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#e8dcc0;
}

.kb-legend-gallery-count strong{color:#fff;font-size:13px;letter-spacing:.06em}

.kb-legend-gallery-actions{margin-top:20px}

.kb-legend-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.kb-legend-tabs a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 16px;
  border:1px solid var(--lg-line);
  background:transparent;
  color:#d6d9df;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
  transition:color .2s ease,border-color .2s ease,background .2s ease;
}
.kb-legend-tabs a.is-active,.kb-legend-tabs a:hover{
  background:var(--lg-gold);
  color:#111;
  border-color:var(--lg-gold);
}

.kb-legend-gallery-stage{padding:28px 0 8px}

.kb-legend-gallery-pagebar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 20px;
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid var(--lg-line);
}

.kb-legend-gallery-pagebar span{
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--lg-muted);
}

.kb-legend-gallery-pagebar em{
  font-style:normal;
  color:var(--lg-gold);
}

/* Bento photo wall — 5 frames */
.kb-legend-wall{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:minmax(220px,34vh) minmax(180px,28vh);
  gap:10px;
}

.kb-legend-frame{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:0;
  background:var(--lg-panel);
  border:1px solid var(--lg-line);
  overflow:hidden;
  transition:border-color .25s ease,transform .25s ease;
}

.kb-legend-frame:hover{border-color:var(--lg-gold-dim)}

.kb-legend-frame--hero{
  grid-row:1/span 2;
  grid-column:1;
}

.kb-legend-frame:nth-child(2){grid-column:2;grid-row:1}
.kb-legend-frame:nth-child(3){grid-column:3;grid-row:1}
.kb-legend-frame:nth-child(4){grid-column:2;grid-row:2}
.kb-legend-frame:nth-child(5){grid-column:3;grid-row:2}

.kb-legend-frame-photo{
  position:relative;
  flex:1 1 auto;
  min-height:0;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  background:
    radial-gradient(circle at 50% 40%,rgba(255,255,255,.04),transparent 65%),
    #0a0b0e;
}

.kb-legend-frame-photo img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  object-position:center center;
}

.kb-legend-frame-index{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  padding:4px 8px;
  background:rgba(8,9,12,.78);
  border:1px solid var(--lg-line);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  color:var(--lg-gold);
}

.kb-legend-frame-year{
  position:absolute;
  top:10px;
  right:10px;
  z-index:2;
  padding:4px 8px;
  background:rgba(8,9,12,.78);
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  color:#fff;
}

.kb-legend-frame-copy{
  flex:0 0 auto;
  padding:12px 14px 14px;
  border-top:1px solid var(--lg-line);
  background:linear-gradient(180deg,rgba(17,19,24,.92),rgba(12,13,17,.98));
}

.kb-legend-frame-copy h2{
  margin:0 0 4px;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  color:#fff;
}

.kb-legend-frame--hero .kb-legend-frame-copy h2{font-size:15px}

.kb-legend-frame-copy p{
  margin:0;
  font-size:12px;
  line-height:1.45;
  color:var(--lg-muted);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* One featured kit per page */
.kb-legend-featured{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px 20px;
  align-items:center;
  margin-top:22px;
  padding:18px 20px;
  border:1px solid var(--lg-gold-dim);
  background:
    linear-gradient(135deg,rgba(212,175,55,.08),transparent 45%),
    var(--lg-panel);
  color:#fff;
  text-decoration:none;
  transition:border-color .2s ease,transform .2s ease;
}

.kb-legend-featured:hover{
  border-color:var(--lg-gold);
  transform:translateY(-1px);
}

.kb-legend-featured-label{
  grid-column:1/-1;
  margin:0 0 -4px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--lg-gold);
}

.kb-legend-featured-thumb{
  width:88px;
  height:88px;
  flex-shrink:0;
  display:grid;
  place-items:center;
  padding:8px;
  background:#fff;
  border:1px solid var(--lg-line);
}

.kb-legend-featured-thumb img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}

.kb-legend-featured-body{min-width:0}

.kb-legend-featured-name{
  display:block;
  font-size:15px;
  font-weight:700;
  line-height:1.35;
  color:#fff;
}

.kb-legend-featured-note{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:var(--lg-muted);
}

.kb-legend-featured-price{
  display:block;
  margin-top:8px;
  font-size:18px;
  font-weight:800;
  color:#f4d58d;
}

.kb-legend-featured-cta{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:0;
  background:#fff;
  color:#111;
  flex-shrink:0;
  box-shadow:0 2px 8px rgba(0,0,0,.16);
  transition:background .18s ease,color .18s ease;
}

.kb-legend-featured:hover .kb-legend-featured-cta,
.kb-legend-featured:focus-visible .kb-legend-featured-cta{
  background:#111;
  color:#fff;
}

.kb-legend-featured-cta .kb-legend-nav-icon{
  width:16px;
  height:16px;
  display:block;
}

.kb-legend-gallery-pagination{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:36px;
}

.kb-legend-gallery-pagination a,
.kb-legend-gallery-pagination span{
  min-width:0;
  height:auto;
  display:grid;
  place-items:center;
  border:0;
  border-radius:0;
  font-size:13px;
  font-weight:500;
  letter-spacing:.04em;
  text-decoration:none;
  color:#d6d9df;
  background:transparent;
}

.kb-legend-gallery-pagination a.kb-legend-page-arrow{
  width:44px;
  height:44px;
  min-width:44px;
  border-radius:50%;
  background:#111;
  color:#fff;
  box-shadow:none;
  transition:background .18s ease,color .18s ease;
}

.kb-legend-gallery-pagination a.kb-legend-page-arrow:hover,
.kb-legend-gallery-pagination a.kb-legend-page-arrow:focus-visible{
  background:#fff;
  color:#111;
  box-shadow:inset 0 0 0 1.5px #111;
}

.kb-legend-page-arrow .kb-legend-nav-icon{
  width:18px;
  height:18px;
  display:block;
}

.kb-legend-gallery-pagination .is-muted{
  min-width:auto;
  padding:0 4px;
  color:#8b919c;
  background:transparent;
  font-variant-numeric:tabular-nums;
}

.kb-legend-gallery-credit{
  margin:28px auto 0;
  padding:0;
  font-size:11px;
  color:#5c6370;
  text-align:center;
}

.kb-legend-gallery-credit a{color:#8b919c}

.kb-timeless-intro{margin:0 0 10px;color:#6b7280;font-size:15px;line-height:1.5;max-width:520px}
.kb-timeless-panel-caption{position:absolute;left:0;right:0;bottom:0;padding:18px 14px 14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));color:#fff}
.kb-timeless-panel{position:relative}
.kb-timeless-panel strong{display:block;font-size:14px;font-weight:800;letter-spacing:.04em}
.kb-timeless-panel span{display:block;margin-top:4px;font-size:11px;opacity:.85}

@media(max-width:900px){
  .kb-legend-wall{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }
  .kb-legend-frame--hero{grid-column:1/span 2;grid-row:auto;min-height:42vh}
  .kb-legend-frame:nth-child(2){grid-column:1;grid-row:auto}
  .kb-legend-frame:nth-child(3){grid-column:2;grid-row:auto}
  .kb-legend-frame:nth-child(4){grid-column:1;grid-row:auto}
  .kb-legend-frame:nth-child(5){grid-column:2;grid-row:auto}
  .kb-legend-frame-photo{min-height:180px}
}

@media(max-width:560px){
  .kb-legend-wall{grid-template-columns:1fr;grid-template-rows:auto}
  .kb-legend-frame--hero,
  .kb-legend-frame:nth-child(n){grid-column:1;grid-row:auto}
  .kb-legend-featured{grid-template-columns:72px minmax(0,1fr) auto}
  .kb-legend-featured-cta{display:grid;width:36px;height:36px}
  .kb-legend-featured-cta .kb-legend-nav-icon{width:15px;height:15px}
  .kb-legend-featured-thumb{width:72px;height:72px}
  .kb-legend-gallery-pagination a.kb-legend-page-arrow{width:40px;height:40px;min-width:40px}
  .kb-legend-page-arrow .kb-legend-nav-icon{width:16px;height:16px}
}