.ipcam{color:#e7e9ee;font-family:var(--font-sans);background:#0f1216;grid-template-rows:1fr auto;display:grid;position:absolute;inset:0;overflow:hidden}.ipcam__grid{grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.ipcam__cam{background:#1a1f26;border:1px solid #262c35;border-radius:10px;min-height:60px;position:relative}.ipcam__cam-name{font-family:var(--font-mono);color:#9aa0ab;font-size:.7rem;position:absolute;bottom:8px;left:10px}.ipcam__player{background:#000;border-radius:10px;margin:12px;position:relative;overflow:hidden}.ipcam__buffering{justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.ipcam__buffering span{background:#f0b24a;width:4px;height:18px;animation:.6s ease-in-out infinite buffer}.ipcam__buffering span:nth-child(2){animation-delay:.12s}.ipcam__buffering span:nth-child(3){animation-delay:.24s}@keyframes buffer{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.ipcam__frame{background:radial-gradient(at 30% 40%,#3a4250 0%,#0000 55%),radial-gradient(at 70% 65%,#2a3140 0%,#0000 50%),linear-gradient(#141920,#0b0e12);position:absolute;inset:-12%}.ipcam__stamp{font-family:var(--font-mono);color:#e7e9ee;background:#00000073;border-radius:4px;padding:2px 6px;font-size:.7rem;position:absolute;top:8px;left:10px}.ipcam__rec{font-family:var(--font-mono);color:#fff;background:#ff5c5c;border-radius:4px;padding:2px 8px;font-size:.7rem;position:absolute;top:8px;right:10px}.ipcam__controls{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 12px 12px;display:grid}.ipcam__joy{background:#1a1f26;border:1px solid #262c35;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.ipcam__knob{background:#f0b24a;border-radius:50%;width:16px;height:16px}.ipcam__clips{gap:6px;display:flex}.ipcam__clip{font-family:var(--font-mono);background:#1a1f26;border:1px solid #262c35;border-radius:6px;padding:4px 8px;font-size:.68rem}.ipcam__talk{background:#1a1f26;border:1px solid #262c35;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.ipcam__talk--on{background:#f0b24a}.ipcam__wave{align-items:center;gap:2px;display:flex}.ipcam__wave span{background:#0f1216;width:3px;height:14px;animation:.5s ease-in-out infinite buffer}.ipcam__wave span:nth-child(2){animation-delay:.1s}.ipcam__wave span:nth-child(3){animation-delay:.2s}.ipcam__wave span:nth-child(4){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.ipcam__buffering span,.ipcam__wave span{animation:none}}.chapter{align-items:center;min-height:150vh;scroll-margin-top:2rem;display:grid}.chapter__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.chapter__kicker{font-family:var(--font-mono);color:var(--chapter-color);margin:0 0 .75rem;font-size:.8rem}.chapter__title{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}.chapter__blurb{color:var(--muted);max-width:42ch;margin:0 0 1rem}.chapter__fact{font-family:var(--font-mono);margin:0;font-size:.85rem}.chapter__stage{position:sticky;top:12vh}@media (width<=900px){.chapter{min-height:auto;padding:4rem 0}.chapter__grid{grid-template-columns:1fr}.chapter__stage{position:static}}