/* NO TALKING — public media interface. No external fonts or runtime UI dependencies. */
:root{color-scheme:dark;--bg:#111110;--panel:#191918;--fg:#f2f1ec;--text:var(--fg);--accent:var(--fg);--muted:#aaa9a3;--line:#3b3b37;--space:clamp(20px,3.5vw,56px);--mono:'Courier New',monospace;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--fg)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a,button,input,textarea,select,summary,[tabindex]{scroll-margin-top:150px}:focus-visible{outline:2px solid var(--fg);outline-offset:5px}img,video{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700}p{line-height:1.65;color:var(--muted)}main{min-height:65vh}h2{font-size:26px;letter-spacing:-.035em}h3{font-size:21px;letter-spacing:-.025em;line-height:1.25}.meta,.tags,.row-links,.text-link,.subnav{font:12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.025em}.meta{color:var(--muted)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:8px;left:8px;padding:15px;background:var(--fg);color:var(--bg);z-index:50}[hidden]{display:none!important}
/* Persistent navigation: numbering belongs here only. */
.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.system-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px var(--space);border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:900;letter-spacing:-.075em;white-space:nowrap}.system-location{display:flex;gap:18px;font:12px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.system-location time:empty,.system-location span:empty{display:none}.system-tagline{font:12px var(--mono)}.site-header nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:0 var(--space)}.site-header nav a{font:12px var(--mono);text-transform:uppercase;min-height:48px;padding:16px 10px;display:flex;gap:10px;align-items:center;border-inline-start:1px solid var(--line)}.site-header nav a:last-child{border-inline-end:1px solid var(--line)}.site-header nav a:hover,.site-header nav a[aria-current=page]{background:var(--fg);color:var(--bg);text-decoration:none}.nav-number{opacity:.6;font-size:10px}.nav-toggle{background:none;border:1px solid var(--line);min-height:44px;padding:10px 14px;font:12px var(--mono);text-transform:uppercase}
/* Homepage: one identity, a small set of content windows. */
.identity{padding:34px var(--space) 24px}.identity h1{font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:clamp(56px,12.4vw,200px);line-height:.94;letter-spacing:-.085em;white-space:nowrap;margin-left:-.055em}.identity-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.tagline{font:13px/1.5 var(--mono);color:var(--fg)}.identity-line>.meta{font-size:10px}.workstation{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;padding:12px var(--space) 60px;align-items:stretch}.media-window{position:relative;background:var(--panel);border:1px solid var(--line);min-width:0;transition:transform 180ms ease,border-color 180ms ease;z-index:1}.media-window.is-focused{border-color:var(--fg);z-index:3}.window-bar{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 15px;border-bottom:1px solid var(--line);background:var(--bg)}.window-bar h2{font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase}.window-bar>a{min-height:40px;min-width:36px;display:grid;place-items:center;font-size:20px}.window-bar .meta{font-size:10px}.window-visual{grid-column:span 7;grid-row:span 2;display:flex;flex-direction:column}.window-show,.window-sound{grid-column:span 5}.window-apps{grid-column:span 7}.window-lab{grid-column:span 5}.window-image{display:block;flex:1;position:relative;min-height:340px;overflow:hidden}.window-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.window-caption{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;font-size:12px;border-top:1px solid var(--line)}.window-caption .meta{font-size:10px}.window-content{padding:24px}.window-content h3{margin:12px 0}.next-show time{font:clamp(32px,4vw,60px)/1 var(--mono);letter-spacing:-.065em}.next-show h3{margin-top:20px;font-size:25px}.next-show p{font-size:14px;margin-bottom:18px}.window-mix{padding:22px;display:grid;grid-template-columns:90px minmax(0,1fr);gap:22px;align-items:center}.window-mix img{width:90px;height:90px;object-fit:contain;background:#ecebe5}.window-mix h3{margin-top:10px;font-size:22px}.mini-apps{padding:8px 20px}.mini-apps>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:67px;border-bottom:1px solid var(--line)}.mini-apps>div:last-child{border:0}.mini-apps a{font-size:17px}.mini-apps .meta{font-size:10px}.window-lab .experiment-status{margin-top:24px;margin-bottom:0}.window-lab h3{font-size:24px}
@media(min-width:901px) and (hover:hover){.media-window.is-focused{transform:translateY(-4px)}}
/* Shared route and record components. */
.page-head{padding:42px var(--space) 34px;border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(48px,7vw,112px);line-height:1;letter-spacing:-.065em;text-transform:uppercase;overflow-wrap:anywhere}.page-head>.meta{display:inline-block;margin-bottom:24px}.page-head p{max-width:600px;margin-top:20px}.section{padding:36px var(--space) 48px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:25px}.section-heading h2{font:13px var(--mono);letter-spacing:.025em;text-transform:uppercase}.section-heading>a{font:12px var(--mono);text-transform:uppercase}.row-links{display:flex;gap:18px;flex-wrap:wrap}.row-links a{padding:6px 0}.empty{padding:24px 0}.subnav{display:flex;gap:32px;flex-wrap:wrap;padding:0 var(--space);border-bottom:1px solid var(--line)}.subnav a{padding:20px 0}.subnav a[aria-current=page]{border-bottom:2px solid var(--fg)}.clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.clip-image{aspect-ratio:16/10;display:block;position:relative;overflow:hidden;background:#222}.clip-image img{height:100%;width:100%;object-fit:cover}.clip-image.logo-image{background:#e4e3dc}.clip-image.logo-image img{object-fit:contain;padding:9%}.play-label{position:absolute;bottom:0;right:0;background:var(--fg);color:var(--bg);padding:12px 16px;font:11px var(--mono);text-transform:uppercase}.clip-meta{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.clip-meta h3{font-size:20px}.track-row{display:grid;grid-template-columns:40px 1fr auto;gap:20px;border-top:1px solid var(--line);padding:25px 0}.track-row h3{margin-bottom:6px}.track-note{margin-top:12px;max-width:600px}.history{border-top:1px solid var(--line)}.history summary{display:grid;grid-template-columns:100px 1fr auto;gap:20px;align-items:center;padding:25px 0;cursor:pointer;list-style:none;font-size:20px}.history summary::-webkit-details-marker{display:none}.history summary b{font-size:22px;font-weight:400;margin-left:15px}.history[open] summary b{display:inline-block;transform:rotate(45deg)}.history-body{padding:0 0 30px 120px;max-width:950px}.history ol{line-height:2;padding-left:26px}.history li::marker{font:12px var(--mono);color:var(--muted)}
/* Event log: date / event / venue / links. */
.show-row{display:grid;grid-template-columns:130px minmax(150px,1fr) minmax(180px,1.2fr) minmax(80px,.45fr);gap:24px;align-items:baseline;padding:25px 0;border-top:1px solid var(--line)}.show-row time{font:13px var(--mono);font-variant-numeric:tabular-nums}.show-row h3{font-size:20px}.venue{font-size:14px;line-height:1.6;color:var(--muted)}.venue .meta{display:block;margin-top:5px}.show-row .row-links{justify-content:flex-end;font-size:11px}.past-shows h3,.past-shows time{color:var(--muted)}
/* Media archive: the image is the record. */
.visual-archive{padding:32px var(--space) 60px}.visual-work{margin:0 0 36px;border:1px solid var(--line)}.visual-work>img,.visual-work>video{width:100%;max-height:80vh;object-fit:contain;background:#090909}.visual-work figcaption{display:flex;align-items:baseline;gap:20px;justify-content:space-between;padding:16px;font-size:14px}.visual-work figcaption p{max-width:600px}.visual-work:last-child{margin-bottom:0}
.experiment{display:grid;grid-template-columns:160px minmax(0,1fr);gap:35px;padding:30px 0;border-top:1px solid var(--line)}.experiment-index{font:11px/1.6 var(--mono)}.experiment-index strong{display:block;font-size:64px;line-height:1.2;letter-spacing:-.065em}.experiment-status{display:flex;gap:24px;margin-bottom:14px}.experiment h2{font-size:34px;margin-bottom:18px}.experiment p{max-width:650px;margin-top:20px}.tags{display:flex;gap:8px 18px;flex-wrap:wrap}.tags .meta{font-size:11px}.experiment-image{grid-column:2;max-height:480px}.project-detail{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:40px var(--space) 70px}.project-detail aside .tags{margin:25px 0}.project-detail aside>p{margin-top:18px}.project-links{display:grid;gap:20px;font:12px var(--mono);text-transform:uppercase}.project-detail article>p{max-width:750px;margin-bottom:30px}.project-detail img,.project-detail video{margin-bottom:30px}.project-detail h2{margin:30px 0 15px}.intro{font-size:clamp(22px,2.3vw,32px);line-height:1.4;letter-spacing:-.03em;color:var(--fg)}.preserve-lines{white-space:pre-line}
/* Public software launcher. */
.app-entry{display:grid;grid-template-columns:76px minmax(0,1fr) 165px 76px;gap:24px;align-items:start;padding:28px 0;border-top:1px solid var(--line)}.app-entry>.meta{padding-top:5px}.app-name h2{font-size:26px;margin-bottom:8px}.app-name p{font-size:14px;max-width:640px}.app-metadata{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px}.app-metadata>a{font:11px var(--mono);text-transform:uppercase}.app-state{display:grid;gap:12px;padding-top:5px}.app-state .meta{font-size:11px}.launch{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--fg);font:12px var(--mono);text-transform:uppercase}.launch:hover{background:var(--fg);color:var(--bg);text-decoration:none}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:40px var(--space) 60px}.identity-record{margin:0}.identity-record>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.identity-record dt{font:11px var(--mono);text-transform:uppercase;color:var(--muted);padding-top:4px}.identity-record dd{margin:0;font-size:20px;line-height:1.45}.about-layout img{width:100%}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:40px var(--space) 60px}.contact-types>p{line-height:2.2;margin:24px 0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font:12px/1.5 var(--mono);text-transform:uppercase;margin-bottom:22px}input,textarea,select{display:block;width:100%;border:1px solid #696963;background:var(--panel);padding:14px;margin-top:8px;border-radius:0;min-height:46px;font:16px Arial,sans-serif}textarea{resize:vertical}.muted{color:var(--muted)}.button{display:inline-flex;gap:32px;justify-content:center;align-items:center;min-height:46px;padding:13px 20px;border:1px solid var(--line);background:none;font:12px var(--mono);text-transform:uppercase}.button.primary{background:var(--fg);color:var(--bg)}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status{min-height:28px;margin-top:18px}#form-status[data-error=true]{color:#ffbcb6}.legal{max-width:950px;border:0}.legal h2{font-size:23px;margin:28px 0 12px}.legal a{text-decoration:underline}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);padding:25px var(--space)}.site-footer p{font:10px/1.6 var(--mono)}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap;font:10px var(--mono);text-transform:uppercase}.site-footer nav a{padding:10px 0}
@media(min-width:1700px){body{max-width:1800px;margin:auto;border-inline:1px solid var(--line)}}
@media(max-width:1000px){.site-header nav a{font-size:11px;gap:6px;padding-inline:7px}.nav-number{font-size:9px}.show-row{grid-template-columns:100px 1fr 1fr;gap:20px}.show-row .row-links{grid-column:2/-1;justify-content:start}.app-entry{grid-template-columns:60px minmax(0,1fr) 140px 65px;gap:16px}.about-layout,.contact-layout{gap:35px}.identity-record>div{grid-template-columns:90px 1fr}.window-image{min-height:340px}.mini-apps>div{grid-template-columns:22px 1fr}.mini-apps>div>.meta:last-child{grid-column:2;margin-bottom:10px}}
@media(max-width:640px){:root{--space:18px}.system-bar{gap:12px;padding-block:12px;flex-wrap:wrap}.brand{font-size:21px}.system-location{font-size:10px;gap:8px;margin-left:auto}.system-tagline{display:none}.nav-toggle{margin-left:0}.site-header nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 var(--space)}.site-header nav a{font-size:12px;border:0!important;min-height:44px;gap:14px}.site-header nav.mobile-closed{display:none}.identity{padding-top:28px;padding-bottom:18px}.identity h1{font-size:12.4vw}.identity-line{display:block;margin-top:19px}.tagline{font-size:11px}.identity-line>.meta{display:block;font-size:9px;margin-top:12px}.workstation{display:flex;flex-direction:column;gap:18px;padding-top:6px;padding-bottom:35px}.media-window{transform:none!important}.window-image{min-height:0}.window-image img{position:static;height:auto;aspect-ratio:4/3;object-fit:cover}.window-bar{padding-inline:12px}.window-caption{padding:12px;font-size:11px}.window-caption .meta{font-size:9px}.window-content{padding:20px}.next-show time{font-size:42px}.window-mix{padding:18px;gap:18px;grid-template-columns:72px 1fr}.window-mix img{width:72px;height:72px}.window-mix h3{font-size:20px}.mini-apps>div{grid-template-columns:22px 1fr auto;min-height:65px;gap:8px}.mini-apps>div>.meta:last-child{grid-column:auto;margin:0;max-width:64px}.mini-apps a{font-size:15px}.mini-apps{padding-inline:14px}.page-head{padding-block:30px 25px}.page-head h1{font-size:clamp(42px,12vw,76px)}.section{padding-block:28px 35px}.section-heading{gap:12px}.section-heading>a{font-size:10px}.section-heading .row-links{font-size:10px;gap:12px}.subnav{gap:0;justify-content:space-between}.subnav a{font-size:10px;padding:18px 3px}.clips{grid-template-columns:1fr;gap:28px}.track-row{grid-template-columns:25px 1fr;gap:15px}.track-row>a{grid-column:2}.history summary{grid-template-columns:1fr auto;gap:12px;font-size:18px}.history summary>span:first-child{grid-column:1/-1}.history-body{padding-left:0}.show-row{grid-template-columns:1fr auto;gap:12px;padding:22px 0}.show-row time{grid-column:1/-1;font-size:12px}.show-row h3{grid-column:1/-1;font-size:21px}.show-row .venue{grid-column:1/-1}.show-row .row-links{grid-column:1/-1}.visual-archive{padding-block:24px 35px}.visual-work figcaption{flex-wrap:wrap}.visual-work .window-bar{gap:12px}.visual-work .window-bar .meta{font-size:9px}.experiment{grid-template-columns:66px 1fr;gap:20px}.experiment-index{font-size:9px}.experiment-index strong{font-size:38px}.experiment h2{font-size:25px}.experiment-status{flex-wrap:wrap;gap:8px 15px}.experiment-status .meta{font-size:10px}.project-detail{grid-template-columns:1fr;gap:30px;padding-block:30px 45px}.project-detail aside{padding-bottom:25px;border-bottom:1px solid var(--line)}.project-links{display:flex;flex-wrap:wrap}.app-entry{grid-template-columns:1fr auto;gap:16px;padding:24px 0}.app-entry>.meta{grid-column:1}.app-name{grid-column:1/-1;grid-row:2}.app-name h2{font-size:25px}.app-state{grid-row:3;grid-column:1}.launch{grid-row:3;grid-column:2;padding-inline:14px}.about-layout,.contact-layout{grid-template-columns:1fr;padding-block:30px 40px;gap:35px}.identity-record>div{grid-template-columns:95px 1fr;gap:15px}.identity-record dd{font-size:18px}.form-pair{grid-template-columns:1fr;gap:0}.contact-types>p{font-size:14px;margin:15px 0}.contact-types .text-link{font-size:11px}.site-footer{gap:12px;padding-block:22px}.site-footer nav{gap:18px}.site-footer p{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.media-window.is-focused{transform:none!important}}

.video-file{display:grid;place-content:center;gap:20px;min-height:300px;padding:30px;font-size:30px}