@font-face{font-family:Inter;src:url('/fonts/inter-normal.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Newsreader;src:url('/fonts/newsreader-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Newsreader;src:url('/fonts/newsreader-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/fonts/ibm-plex-sans-normal.woff2') format('woff2');font-style:normal;font-weight:100 700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/ibm-plex-mono-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
body{font-family:Inter,system-ui,sans-serif;font-optical-sizing:auto}.wordmark{font-family:system-ui,sans-serif}
html[data-type="editorial"] h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(38px,4.7vw,60px);letter-spacing:-.037em;line-height:.99}
html[data-type="modern"] h1{font-family:Inter,system-ui,sans-serif;font-weight:500;letter-spacing:-.065em;font-size:clamp(34px,4.1vw,52px);line-height:1.06}
html[data-type="modern"] h1 em{font-style:normal;font-weight:450;color:var(--accent)}
html[data-type="research"] body{font-family:'IBM Plex Sans',system-ui,sans-serif}
html[data-type="research"] h1{font-family:'IBM Plex Sans',system-ui,sans-serif;font-weight:400;letter-spacing:-.04em;font-size:clamp(36px,4.3vw,54px);line-height:1.06}
html[data-type="research"] h1 em{font-style:normal;font-weight:500}
html[data-type="research"] .readout,html[data-type="research"] .grab{font-family:'IBM Plex Mono',monospace}
.ribbon .device-note{display:none}.ribbon .lede{max-width:370px}.ribbon .intro{margin-bottom:24px}
.ribbon .doors{display:flex;align-items:center;gap:30px;padding:20px 0;border-bottom:0}
.ribbon .live{flex:none;min-height:52px;gap:12px;padding:11px 17px;border:1px solid transparent;border-radius:5px;transition:transform 140ms var(--ease),background-color 140ms var(--ease)}
.ribbon .live:active{transform:translateY(1px)}.ribbon .live .computer-icon{width:29px;height:29px}.ribbon .live .enter-key{width:30px;height:26px;margin-left:12px;border-color:currentColor;border-radius:3px}
.ribbon .live .enter-key svg{width:15px;height:15px}.ribbon .live .door-copy strong{font:500 14px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.02em}.ribbon .yt{min-height:48px;font-size:13px;gap:10px}.ribbon .yt .video-mark{width:26px;height:20px}.ribbon .yt strong{font-size:13px}.ribbon .yt .out{font-size:14px;margin-left:0}
html[data-entry="direct"] .ribbon .live{background:var(--accent);color:var(--paper);border-color:var(--accent)}
html[data-entry="direct"] .ribbon .live .computer-icon,html[data-entry="direct"] .ribbon .live .enter-key{display:none}
html[data-entry="direct"] .ribbon .live:after{content:'↗';font-size:17px;margin-left:9px}
html[data-entry="direct"] .ribbon .live:hover{background:#006c6d}
html[data-entry="shortcut"] .ribbon .live{border-color:var(--line);border-bottom-width:3px;background:#edf2ef}
html[data-entry="shortcut"] .ribbon .live:active{border-bottom-width:1px}
html[data-entry="invitation"] .ribbon .live{padding-left:0;padding-right:0;border:0;border-radius:0;gap:8px}
html[data-entry="invitation"] .ribbon .live .computer-icon,html[data-entry="invitation"] .ribbon .live .enter-key{display:none}
html[data-entry="invitation"] .ribbon .live:after{content:'→';font-size:21px;margin-left:10px;transition:transform 140ms var(--ease)}
html[data-entry="invitation"] .ribbon .live:hover:after{transform:translateX(3px)}
:root{--live-nav-height:56px}
.live-bar{height:calc(var(--live-nav-height) + env(safe-area-inset-top))}
.live-frame{height:calc(100% - var(--live-nav-height) - env(safe-area-inset-top))}
.input-note{display:none;margin:0;color:var(--mute);font-size:12px;line-height:1.4}
@media(min-width:721px){
 .ribbon .intro{align-items:start}
 .ribbon .about-copy .doors{border-top:0;padding-top:16px;padding-bottom:0;gap:12px;flex-wrap:wrap}
 .ribbon header>.live{margin-left:24px}
}
@media(min-width:721px){
 html[data-preview="lab"] .ribbon .scene{height:320px}
 html[data-preview="lab"] .ribbon .instrument{margin-bottom:24px}
 html[data-preview="lab"] .ribbon .intro{margin-bottom:16px}
 html[data-preview="lab"] .ribbon .doors{padding-top:16px;padding-bottom:16px}
}
@media(max-width:720px),(pointer:coarse) and (hover:none){
 .ribbon .scene{height:280px;margin-top:0}.ribbon .instrument{margin-bottom:27px}.ribbon .intro{gap:14px;margin-bottom:20px}.ribbon .lede{font-size:14px;line-height:1.6;max-width:390px}
 .ribbon .doors{padding:17px 0;gap:12px;flex-direction:column;align-items:flex-start}.ribbon .live{display:flex;width:100%;max-width:100%;padding:11px 12px}.ribbon .live .enter-key{margin-left:auto}.ribbon .doors .yt{min-height:44px;padding:0;gap:10px}
 :root{--live-nav-height:94px}.live-bar{flex-wrap:wrap;align-content:center;row-gap:0}.live-bar .input-note{display:block;flex:0 0 100%;padding-bottom:6px}.boot{padding-top:calc(var(--live-nav-height) + env(safe-area-inset-top) + 20px)}.boot-center{margin-top:0}
 html[data-type="editorial"] h1{font-size:clamp(31px,9.2vw,42px)}html[data-type="modern"] h1{font-size:clamp(28px,8.1vw,38px)}html[data-type="research"] h1{font-size:clamp(29px,8.1vw,39px)}
}
@media(max-width:360px){.ribbon .scene{height:260px}.ribbon .doors{gap:8px}.ribbon .yt strong{font-size:12px}.ribbon .instrument{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}