@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #060807;--bg-elev: #0e1210;--bg-osd: rgba(6, 8, 7, .82);--text: #e6efe4;--muted: #8fa093;--line: #223028;--accent: #53f57b;--accent-dim: #2c8a48;--amber: #f5b953;--warn: #f5b953;--danger: #f56a53;--glow-green: 0 0 10px rgba(83, 245, 123, .35), 0 0 40px rgba(83, 245, 123, .12);--glow-amber: 0 0 10px rgba(245, 185, 83, .35);--font: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", "Cascadia Mono", ui-monospace, monospace;--display: var(--mono);--z-signal: 0;--z-card: 10;--z-dial: 20;--z-hud: 40;--z-coldopen: 60;--hud-height: 3rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100%;left:1rem;z-index:100;padding:.6rem 1rem;background:var(--accent);color:#06110a;font-family:var(--mono);font-size:.85rem;border-radius:0 0 6px 6px;transition:top .12s ease}.skip-link:focus-visible{top:0;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-size:.9em;background:var(--bg-elev);padding:.1em .35em;border-radius:3px}.page{max-width:920px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.hero h1,.case-header h1{font-family:var(--mono);font-weight:600;font-size:clamp(1.8rem,4.5vw,2.6rem);letter-spacing:.01em;text-transform:uppercase;margin:.25rem 0 .75rem}.case-osd{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem;font-family:var(--mono);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.case-osd .osd-ch{color:var(--amber);text-shadow:var(--glow-amber)}.case-osd .osd-freq{color:var(--accent);text-shadow:var(--glow-green)}.case-nav{display:flex;flex-wrap:wrap;gap:1rem;font-family:var(--mono);font-size:.85rem}.case-next{margin:0 auto;max-width:920px;padding:2.5rem 1.25rem 3.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--mono)}.case-next .lede{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--muted);margin:0}.lede a{text-decoration:underline;text-underline-offset:.15em}.notes{font-size:.9rem;color:var(--muted);border-left:2px solid var(--line);padding-left:.75rem}.notes.warn{border-left-color:var(--warn);color:var(--warn)}.section{margin-top:2.75rem}.section h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin:0 0 1rem}.piece-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}.piece-link{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;color:inherit;text-decoration:none}.piece-link:hover .piece-name{color:var(--accent)}.piece-name{font-size:1.25rem;font-weight:560}.piece-meta{font-size:.8rem;color:var(--muted)}.piece-summary{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}.case-nav{margin-bottom:1.5rem}.case-page{max-width:none;padding-bottom:0}.case-header{max-width:920px;margin:0 auto;padding:0 1.25rem 1.5rem}.experience-embed{display:flex;flex-direction:column;min-height:calc(100vh - 4rem)}.experience-chrome{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.25rem;background:var(--bg-elev);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.experience-title{font-weight:560}.experience-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);background:var(--accent);color:#10140f;font:inherit;font-size:.9rem;padding:.4rem .85rem;border-radius:4px;cursor:pointer;text-decoration:none}.btn:hover{filter:brightness(1.05);text-decoration:none}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.experience-stage{position:relative;flex:1;min-height:min(70vh,720px);background:#050605}.experience-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}.experience-hint{margin:0;padding:2rem 1.25rem;color:var(--muted);max-width:36rem}.hud{position:fixed;top:0;left:0;right:0;z-index:var(--z-hud);display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--hud-height);padding:0 1rem;background:var(--bg-osd);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.8rem;letter-spacing:.06em}.hud-brand{display:flex;align-items:center;gap:.6rem;color:var(--text);text-transform:uppercase;font-weight:600}.hud-brand:hover{text-decoration:none;color:var(--accent)}.hud-rec{width:.55rem;height:.55rem;border-radius:50%;background:var(--danger);box-shadow:0 0 8px #f56a5399;animation:hud-blink 1.6s steps(1) infinite}@keyframes hud-blink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.hud-rec{animation:none}}.hud-nav{display:flex;align-items:center;gap:.25rem}.hud-link{color:var(--muted);text-transform:uppercase;padding:.35rem .65rem;border-radius:4px}.hud-link:hover{color:var(--accent);text-decoration:none}.hud-link[aria-current=page]{color:var(--accent);text-shadow:var(--glow-green)}.hud-key{display:inline-block;margin-left:.35rem;padding:0 .3rem;border:1px solid var(--line);border-radius:3px;font-size:.7rem;color:var(--muted)}.below-hud{padding-top:var(--hud-height)}.broadcast{position:relative}.broadcast-track{position:relative;width:100%;pointer-events:none}.broadcast-viewport{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:#020302;pointer-events:auto}.signal-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-signal);width:100%;height:100%;display:block}.channel-card{position:absolute;z-index:var(--z-card);left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 2.5rem));background:var(--bg-osd);border:1px solid var(--line);border-radius:8px;box-shadow:0 0 0 1px #53f57b14,0 24px 80px #000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;opacity:0;pointer-events:none}.channel-card.is-locked{opacity:1;pointer-events:auto}.channel-card-poster{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden}.channel-card-poster img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.02)}.channel-card-poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0px,rgba(0,0,0,.12) 1px,transparent 1px,transparent 3px);pointer-events:none}.channel-card-osd{position:absolute;top:.75rem;left:.9rem;right:.9rem;display:flex;justify-content:space-between;font-family:var(--mono);font-size:.8rem;font-weight:600;color:var(--accent);text-shadow:var(--glow-green);text-transform:uppercase;letter-spacing:.1em}.channel-card-body{padding:1rem 1.25rem 1.25rem}.channel-card-title{margin:0 0 .35rem;font-family:var(--mono);font-weight:600;font-size:clamp(1.2rem,3vw,1.6rem);letter-spacing:.01em}.channel-card-pitch{margin:0 0 .85rem;color:var(--muted);font-size:.95rem;max-width:46ch}.channel-card-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.badge{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--amber);border:1px solid rgba(245,185,83,.35);border-radius:3px;padding:.15rem .45rem}.channel-card-actions{display:flex;flex-wrap:wrap;gap:.6rem}.dial{position:absolute;z-index:var(--z-dial);left:0;right:0;bottom:0;height:92px;pointer-events:none}.dial-canvas{width:100%;height:100%;display:block;pointer-events:auto;cursor:ew-resize;touch-action:none}.freq-readout{position:absolute;z-index:var(--z-dial);top:calc(var(--hud-height) + .9rem);right:1.1rem;font-family:var(--mono);font-weight:600;font-size:clamp(1.1rem,2.6vw,1.6rem);color:var(--accent);text-shadow:var(--glow-green);letter-spacing:.08em;text-align:right;pointer-events:none}.freq-readout small{display:block;font-size:.65em;color:var(--amber);text-shadow:var(--glow-amber)}.broadcast-hint{position:absolute;z-index:var(--z-dial);top:calc(var(--hud-height) + .9rem);left:1.1rem;font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);pointer-events:none;max-width:18rem}.cold-open{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-coldopen);background:#000;display:flex;align-items:center;justify-content:center;font-family:var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.25em;font-size:clamp(.9rem,2.5vw,1.2rem);text-shadow:var(--glow-green);cursor:pointer}.channel-rail{list-style:none;margin:0 auto;padding:2rem 1.25rem 4rem;max-width:1080px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.channel-rail:not(.is-visible){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.rail-card{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg-elev);color:inherit}.rail-card:hover{text-decoration:none;border-color:var(--accent-dim)}.rail-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#000}.rail-card-body{padding:.75rem .9rem .95rem}.rail-card-osd{font-family:var(--mono);font-size:.7rem;color:var(--amber);letter-spacing:.1em;text-transform:uppercase}.rail-card-title{margin:.2rem 0 .25rem;font-family:var(--mono);font-weight:600;font-size:1.05rem}.rail-card-pitch{margin:0;color:var(--muted);font-size:.88rem}.fallback-note{max-width:1080px;margin:0 auto;padding:2rem 1.25rem 0;color:var(--muted);font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.guide{max-width:1080px;margin:0 auto;padding:2.25rem 1.25rem 4rem}.guide-header h1{font-family:var(--mono);font-weight:600;font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:.02em;margin:.25rem 0 .5rem;text-transform:uppercase}.guide-table{width:100%;margin-top:1.5rem;border-collapse:collapse;font-size:.92rem}.guide-table caption{text-align:left;color:var(--muted);font-size:.8rem;padding-bottom:.75rem}.guide-table th{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);text-align:left;font-weight:600;padding:.5rem .75rem;border-bottom:1px solid var(--line)}.guide-table td{padding:.65rem .75rem;border-bottom:1px solid var(--line);vertical-align:middle}.guide-row:hover td{background:#53f57b0a}.guide-ch{font-family:var(--mono);font-weight:600;color:var(--amber);white-space:nowrap}.guide-freq{font-family:var(--mono);color:var(--muted);white-space:nowrap}.guide-thumb{width:88px;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px;display:block;background:#000;border:1px solid var(--line)}.guide-title-link{font-family:var(--mono);font-weight:600;color:var(--text);font-size:1rem}.guide-title-link:hover{color:var(--accent);text-decoration:none}.guide-summary{display:block;color:var(--muted);font-size:.82rem;margin-top:.15rem}.guide-stack{display:flex;flex-wrap:wrap;gap:.3rem;max-width:16rem}.guide-kind{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.guide-kind.local{color:var(--accent)}.guide-kind.remote{color:var(--amber)}@media(max-width:720px){.guide-hide-sm{display:none}}.info{max-width:780px;margin:0 auto;padding:2.25rem 1.25rem 4rem}.info h1{font-family:var(--mono);font-weight:600;font-size:clamp(1.6rem,4vw,2.2rem);text-transform:uppercase;letter-spacing:.02em;margin:.25rem 0 .75rem}.info-tagline{color:var(--amber);font-family:var(--mono);margin:0 0 .35rem}.info-location{margin:0 0 1.25rem;color:var(--muted);font-family:var(--mono);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.info-bio p{color:var(--text);max-width:60ch}.info-section{margin-top:2.5rem}.info-section h2{font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:.5rem;margin:0 0 1rem}.skill-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.role{margin-bottom:1.25rem}.role h3{margin:0;font-size:1.05rem;font-family:var(--mono);font-weight:600}.role-meta{font-family:var(--mono);font-size:.8rem;color:var(--amber)}.role p{margin:.35rem 0 0;color:var(--muted);max-width:60ch}.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem;font-family:var(--mono)}.contact-list a{font-size:1rem}.dead-channel{min-height:calc(100vh - var(--hud-height));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;font-family:var(--mono);padding:2rem 1.25rem}.dead-channel h1{font-size:clamp(1.4rem,5vw,2.4rem);text-transform:uppercase;letter-spacing:.2em;color:var(--danger);margin:0}.dead-channel p{color:var(--muted);margin:0}