.gallery{max-width:1080px;margin:0 auto;padding:9vh 24px 64px}.gallery-back{font-family:var(--mono);color:var(--altitude);border:1px solid var(--line-strong);border-radius:var(--radius-sm);margin-bottom:28px;padding:6px 12px;font-size:13px;transition:background .15s;display:inline-block}.gallery-back:hover{background:var(--navy-600)}.gallery-hero{max-width:680px;margin-bottom:48px}.gallery-eyebrow{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;font-size:12px}.gallery-title{margin:0 0 18px;font-size:clamp(34px,6vw,60px);line-height:1.02}.gallery-title .accent{color:var(--altitude)}.gallery-lede{color:var(--text-dim);margin:0;font-size:18px;line-height:1.5}.demo-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.demo-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:180px;color:var(--text);flex-direction:column;gap:10px;padding:22px;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative}.demo-card h2{margin:0;font-size:20px}.demo-card p{color:var(--text-dim);flex:1;margin:0;font-size:14px;line-height:1.5}.demo-card-status{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;border-radius:99px;align-self:flex-start;padding:3px 8px;font-size:10px}.is-live .demo-card-status{color:var(--lift);border:1px solid color-mix(in srgb, var(--lift) 50%, transparent)}.is-group .demo-card-status{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent)}.is-soon .demo-card-status{color:var(--text-faint);border:1px solid var(--line)}.demo-card-cta{font-family:var(--mono);color:var(--accent);font-size:13px}.demo-card-icon{opacity:.92;align-self:center;width:min(216px,88%);margin:-4px 0 -8px;transition:opacity .18s,transform .18s}.demo-card-icon svg{width:100%;height:auto;display:block}.demo-card:hover .demo-card-icon{opacity:1;transform:scale(1.05)}.is-live:hover,.is-group:hover{border-color:var(--accent);background:var(--navy-700);transform:translateY(-3px)}.is-soon{opacity:.55;cursor:default}
