/* The Gallery (D110): one column on a phone, two from 900px. */
.gal{max-width:1180px;margin:0 auto;padding:24px 16px 0;display:flex;flex-direction:column;gap:20px}
.g-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.g-copy{display:flex;flex-direction:column;gap:12px;padding-top:4px}
.g-copy h1{font:900 clamp(28px,5.2vw,52px)/1.02 var(--f-disp);font-stretch:118%;letter-spacing:-.01em}
.g-copy p{font-size:15px;max-width:52ch}
.g-card .pb{display:flex;flex-direction:column;gap:10px}
.g-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.g-asof{font-size:12px;white-space:nowrap}
.g-card .chartbox{height:200px}
.g-snapline{font:800 17px/1.35 var(--f-disp);font-stretch:108%;margin-top:6px}
.g-sech{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.g-sech h2{font:900 22px/1 var(--f-disp);font-stretch:118%}
.g-agents{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.g-agents li{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--hair);min-width:0}
.g-agents .av{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#181A22,#050507);box-shadow:0 0 0 2px var(--hair)}
.g-agents .av svg{width:82%;height:82%}
.g-agents b{display:block;font:800 13px/1.15 var(--f-disp);font-stretch:110%}
.g-agents small{display:block;font:500 11px/1.3 var(--f-mono);color:var(--faint);margin-top:3px}
.g-agents .soon small{color:var(--faint)}
.g-seat{border-color:rgba(255,125,18,.45);background:linear-gradient(160deg,rgba(255,125,18,.14),transparent 60%),var(--surface)}
.g-seat h2{font:900 clamp(22px,3.4vw,32px)/1.05 var(--f-disp);font-stretch:118%;margin:6px 0 12px}
.g-perks{margin:0 0 16px;padding-left:18px;color:var(--muted);display:flex;flex-direction:column;gap:6px}
.g-cta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.g-cta .fnt{font-size:12px}
.g-paused{font:600 14px/1.4 var(--f-ui);color:var(--muted)}
@media (min-width:900px){
  .g-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px}
  .g-copy{padding-top:28px}
  .g-card .chartbox{height:230px}
}