@font-face{font-family:Syne;src:url(/fonts/syne/Syne-Variable.ttf) format("truetype");font-weight:400 800;font-display:swap}:root{--teal:#47d4bc;--ink:#ebe6dc;--dim:#8a8780;--line:oklch(1 0 0 / .12);--syne:Syne,sans-serif;--brand-size:clamp(.82rem,1.5vw,1.1rem);--inset:36px}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:#090a0c;color:var(--ink);font-family:var(--syne);font-weight:500}html{overscroll-behavior-y:none}a{color:inherit;text-decoration:none}.targi-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pin{height:560vh;position:relative}.stage{position:sticky;top:0;height:100dvh;overflow:hidden;background:#090a0c;z-index:0}canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}.page{position:fixed;inset:0;z-index:1;min-height:100dvh;padding:var(--inset);display:grid;grid-template-rows:auto 1fr auto;gap:16px;pointer-events:none}.page a,.page .chamber,.page .talk{pointer-events:auto}.top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.brand{display:flex;align-items:center;gap:16px;min-width:0;font-size:var(--brand-size)}.brand img{height:6.9em;width:auto;display:block}.line{margin:0;padding:0;font-weight:700;letter-spacing:-.04em;line-height:1.12;font-size:1em;text-shadow:0 1px 12px #090a0c}.line span{display:block;white-space:nowrap}.chambers{display:grid;grid-template-columns:1.1fr 1fr .7fr 1fr;gap:12px;min-height:0}.chamber{position:relative;min-height:0;isolation:isolate}.chamber svg.letter{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.stage canvas{opacity:.82}.chamber svg.letter path,.chamber svg.letter circle,.chamber svg.letter ellipse,.chamber svg.letter line,.chamber svg.letter polygon,.chamber svg.letter rect{fill:none;stroke:none}.chamber svg.letter .draw{stroke:var(--teal);stroke-width:2.1;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:none;stroke-dashoffset:0}.chamber svg.letter .fill{fill:oklch(.731 .137 178 / .05);stroke:none;transition:fill .35s,filter .35s}.chamber svg.letter .draw{transition:filter .35s,stroke .35s}.chamber:hover svg.letter .fill,.chamber:focus-visible svg.letter .fill{fill:oklch(.731 .137 178 / .7)}.chamber:hover .draw,.chamber:focus-visible .draw{filter:drop-shadow(0 0 32px #47d4bc);stroke:#d8fff6;stroke-width:3.2}.chamber:hover .name,.chamber:focus-visible .name{color:var(--ink)}.chamber:hover .desc,.chamber:focus-visible .desc{color:var(--ink)}.inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18%;text-shadow:0 1px 12px #090a0c}.name{font-weight:700;letter-spacing:-.04em;font-size:clamp(1.2rem,2vw,1.75rem)}.desc{margin-top:6px;font-size:13px;color:var(--dim);max-width:20ch;line-height:1.35}.desc code{font-family:var(--syne);font-weight:700;color:var(--teal);font-size:12px}.ch-q .inner{padding:26% 22% 22%}.ch-a .inner{padding:38% 18% 18%}.ch-1n .inner{align-items:flex-start;text-align:left;padding:18% 8% 18% 42%}.ch-1n .name{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.14em}.ch-0 .inner{padding:28% 22%}.foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;font-weight:700;color:var(--dim);border-top:1px solid var(--line);padding-top:12px;margin-inline:calc(6.9 * var(--brand-size) * 242 / 580);text-shadow:0 1px 10px #090a0c}.talk{display:inline-flex;align-items:center;width:fit-content;flex:0 0 auto;min-height:32px;padding:6px 10px;border:1px solid var(--teal);background:var(--teal);color:#161618;letter-spacing:0;font-size:11px;font-weight:800;text-transform:uppercase;text-shadow:none;white-space:nowrap}.talk:hover{background:#3ec4ad;border-color:#3ec4ad;color:#090a0c}.soon{letter-spacing:.06em}@media(max-width:800px){.page{padding:16px;--inset:16px}.brand{align-items:center;gap:12px}.chambers{grid-template-columns:1fr 1fr;min-height:62vh}.chamber{min-height:28vh}}@media(prefers-reduced-motion:reduce){.draw{animation:none;stroke-dashoffset:0}.pin{height:100dvh}}
