/* Day 2 additions for the two-day landing (TechCrunch Disrupt 2026). site.css is the live Day 1 file and stays
   byte-identical; everything new lives here: new classes (daynav, event, event-faces, dayblock, day-hero, day-tag)
   plus two Day 2-only tweaks (who-meta wraps on phones, dense gallery). Only Day 2 pages + the landing link this file. */
.daynav { position: sticky; top: 0; z-index: 5; background: var(--bg); border-bottom: 1px solid var(--line); }
@supports (backdrop-filter: blur(8px)) {
  .daynav { background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(8px); }
}
.daynav .wrap { display: flex; align-items: center; gap: 8px; padding-block: 10px; overflow-x: auto; scrollbar-width: none; }
.daynav .wrap::-webkit-scrollbar { display: none; }
.daynav-label { flex: none; font: 600 .7rem/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin-right: 4px; }
.daynav a { flex: none; display: inline-flex; align-items: baseline; gap: 8px; padding: 8px 14px; border: 1px solid var(--line);
            border-radius: 999px; background: var(--surface); color: var(--ink); text-decoration: none;
            font: 600 .75rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.daynav a span { color: var(--muted); font-weight: 500; letter-spacing: .04em; }
.daynav a:hover { border-color: var(--accent); }
@media (max-width: 520px) { .daynav-label { display: none; } .daynav a { padding: 8px 12px; } }
.event { padding-block: 30px 12px; }
.event-faces { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.event-faces a { display: block; aspect-ratio: 1; overflow: hidden; border-radius: 8px; background: #0B1320; border: 1px solid var(--line); }
.event-faces a:hover { border-color: var(--accent); }
.event-faces img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.event-faces a:hover img { transform: scale(1.04); }
@media (max-width: 520px) { .event-faces { gap: 6px; } }
@media (prefers-reduced-motion: reduce) { .event-faces img { transition: none; } .event-faces a:hover img { transform: none; } }
.who-meta { flex-wrap: wrap; row-gap: 4px; }     /* founder pages: 'Day 2 · Interview NN of 22' wraps as a unit on phones */
.who-meta span { white-space: nowrap; }
.gallery { grid-auto-flow: dense; }       /* Day 2 galleries mix portrait + landscape frames: fill the holes */
.dayblock { scroll-margin-top: 58px; }
.day-hero { padding-block: 22px 20px; }
.day-hero h2 { font-size: clamp(1.9rem, 4.2vw, 2.9rem); font-weight: 900; letter-spacing: -.02em; margin-block: 10px 16px; }
.day-tag { display: inline-block; background: var(--chip); color: var(--chip-ink); padding: 5px 9px; border-radius: 4px; }