:root{--ink-orange: #ff4800;--ink-blue: #0078bf;--paper: #ffffff;--ink: #111111}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100%;background:var(--paper);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--ink)}#scene{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0;cursor:crosshair;touch-action:pan-y}#scroll{position:relative;z-index:1;pointer-events:none}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,6vw,72px)}.hero h1{font-size:clamp(2rem,9vw,7rem);font-weight:800;letter-spacing:.04em;line-height:.95;max-width:14ch;mix-blend-mode:multiply}.hero .tagline{margin-top:.8em;font-size:clamp(.8rem,2vw,1.2rem);letter-spacing:.06em;color:#444;mix-blend-mode:multiply}.scroll-cue{margin-top:3rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#888;mix-blend-mode:multiply;animation:bob 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}#cards{display:flex;flex-direction:column;align-items:center;gap:32vh;padding:6vh clamp(16px,5vw,40px) 24vh}.card{pointer-events:auto;width:min(92vw,640px);background:#ffffffdb;backdrop-filter:blur(7px) saturate(1.1);-webkit-backdrop-filter:blur(7px) saturate(1.1);border:1.5px solid var(--ink);box-shadow:0 18px 50px -20px #0006;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 26px 60px -22px #00000080}.card-media{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#eee;border-bottom:1.5px solid var(--ink)}.card-media.placeholder{background:repeating-linear-gradient(135deg,var(--ink-orange) 0 14px,var(--ink-blue) 14px 28px);opacity:.85}.card-body{padding:clamp(18px,3vw,30px)}.card-subtitle{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-orange);margin-bottom:.6em}.card-title{font-size:clamp(1.4rem,3.4vw,2.1rem);font-weight:800;letter-spacing:.01em;line-height:1.05;margin-bottom:.5em}.card-text{font-size:.92rem;line-height:1.6;color:#333}.site-footer{display:flex;justify-content:center;padding:0 0 12vh;font-size:.72rem;letter-spacing:.18em;color:#555;mix-blend-mode:multiply}#hud{position:fixed;bottom:clamp(12px,3vh,28px);left:clamp(16px,4vw,48px);z-index:2;font-size:.72rem;letter-spacing:.03em;color:#444;mix-blend-mode:multiply;pointer-events:none}#hint{position:fixed;bottom:clamp(12px,3vh,28px);right:clamp(16px,4vw,48px);z-index:2;max-width:42ch;text-align:right;font-size:.68rem;letter-spacing:.02em;color:#888;mix-blend-mode:multiply;pointer-events:none}#overlay{position:fixed;inset:0;z-index:10;display:none;align-items:center;justify-content:center;padding:2rem;text-align:center;font-size:1rem;line-height:1.6;color:var(--ink);background:var(--paper)}#overlay.show{display:flex}@media (max-width: 600px){#hint{display:none}}@media (pointer: coarse){.card{background:#fffffff0;backdrop-filter:none;-webkit-backdrop-filter:none}}