/* Mobile first. Shared by every page; no external fonts or dependencies. */
:root{color-scheme:dark;--bg:#111315;--panel:#181b1e;--text:#f0f1f1;--muted:#afb5ba;--line:#35393d;--red:#ff594b;--cyan:#83d9d0;--width:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}img{max-width:100%;display:block}img[hidden]{display:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.25}p+p{margin-top:1em}::selection{background:var(--red);color:#111}.shell{width:min(var(--width),calc(100% - 40px));margin-inline:auto}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;letter-spacing:.09em}.skip{position:fixed;top:8px;left:16px;background:var(--text);color:var(--bg);padding:10px 20px;transform:translateY(-150%);z-index:10}.skip:focus{transform:none}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:80px}.brand{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:800;letter-spacing:.06em;min-height:48px}.brand-mark{display:flex;align-items:center;border:1px solid var(--red);color:var(--red);font-size:17px;line-height:1;width:35px;height:35px;padding:6px;letter-spacing:-.13em}.brand-mark span{align-self:flex-end}.exhibition-link{font-size:.875rem;min-height:44px;display:flex;align-items:center;gap:8px}.exhibition-link span{color:var(--muted)}.hero{padding-top:44px;padding-bottom:32px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.75rem;letter-spacing:.055em;line-height:1.7}.red-line{width:24px;height:3px;background:var(--red);flex-shrink:0}.hero-title{margin-top:28px}.hero h1{font-size:clamp(4rem,13vw,9.8rem);font-weight:850;letter-spacing:-.055em;line-height:.91}.hero h1>span:not(.red-period){color:#aeb4b8}.red-period{color:var(--red)}.hero-side{margin-top:28px}.hero-side>.mono{color:var(--red)}.hero-side p{margin-top:12px;font-size:clamp(1.125rem,2vw,1.5rem);font-weight:650;line-height:1.85}.hero-bottom{margin-top:32px;border-top:1px solid var(--line);padding-top:22px;display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;justify-content:space-between}.hero-bottom p{color:var(--muted);font-size:.875rem}.text-link{display:flex;align-items:center;gap:30px;min-height:44px;font-size:.875rem}.text-link span{color:var(--red)}.works{padding-block:28px 56px}.section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.section-heading h2{font-size:1.125rem}.section-heading .mono{color:var(--muted)}.project-grid{display:grid;gap:24px}.project-card{display:block;border:1px solid var(--line);background:var(--panel);transition:border-color .18s}.project-card:hover{border-color:var(--red)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 20px;border-bottom:1px solid var(--line);color:var(--muted)}.card-symbol{font-size:22px;color:var(--red);line-height:1}.photo-frame{position:relative;aspect-ratio:3/2;background:#1c2023;overflow:hidden}.photo img{position:relative;width:100%;height:100%;object-fit:contain}.photo-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);background:repeating-linear-gradient(0deg,transparent,transparent 39px,#2b3034 40px),#1c2023}.photo-fallback strong{font-size:5rem;color:#6f777d;line-height:1}.photo-fallback>span:last-child{font-size:.875rem}.photo figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding:10px 16px;color:var(--muted);font-size:.75rem;border-bottom:1px solid var(--line)}.photo figcaption .mono{font-size:.6875rem}.card-body{padding:24px 20px}.card-body h3{font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.035em;overflow-wrap:anywhere}.card-copy{margin-top:14px;font-size:1.0625rem;line-height:1.75;font-weight:650}.card-description{margin-top:12px;color:var(--muted);font-size:.9375rem}.tags{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:20px 0 0;gap:8px}.tags li{border:1px solid #444b50;color:#c4cdcf;padding:2px 9px;font-family:ui-monospace,Consolas,monospace;font-size:.75rem;line-height:1.8}.card-link{margin-top:24px;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.card-link span{color:var(--red);font-size:20px}.visit{border-top:1px solid var(--line);padding-block:32px 44px;position:relative}.visit>.mono{color:var(--red)}.visit p{margin-top:14px;font-size:1.125rem;font-weight:600}.visit-cross{display:none}.site-footer{padding-block:24px 36px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.footer-brand{font-weight:800;font-size:.875rem;letter-spacing:.07em;display:flex;align-items:center;min-height:44px}.site-footer p{color:var(--muted);font-size:.8125rem}.site-footer>.mono{color:#8e999f;font-size:.6875rem}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:18px;color:var(--muted);font-size:.875rem}.breadcrumb a{display:flex;min-height:44px;align-items:center}.project-hero{padding-top:28px}.project-kind{margin-top:26px;color:var(--red)}.project-hero h1{font-size:clamp(2.5rem,7vw,5.8rem);letter-spacing:-.055em;margin-top:8px;overflow-wrap:anywhere}.project-catch{margin-top:20px;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:650;line-height:1.7}.main-photo{margin-top:30px;border:1px solid var(--line)}.project-details{padding-top:32px}.detail-section{border-top:1px solid var(--line);padding-block:30px;display:grid;gap:20px}.detail-label>.mono{color:var(--red);font-size:.6875rem}.detail-label h2{margin-top:8px;font-size:1.25rem;line-height:1.5}.detail-content{min-width:0}.detail-content p{color:#c5cbd0}.question{margin:16px 0 36px;padding:26px 22px;border-left:3px solid var(--red);background:var(--panel)}.question>.mono{color:var(--red)}.question p{margin-top:18px;font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:700;line-height:1.6;letter-spacing:-.035em}.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.feature-list li{padding:12px 0 12px 22px;border-bottom:1px solid var(--line);position:relative}.feature-list li::before{content:"";width:6px;height:6px;background:var(--red);position:absolute;left:0;top:23px}.signal-flow{display:grid;list-style:none;padding:0;margin:0 0 22px;gap:16px}.signal-flow li{padding:16px;background:var(--panel);border:1px solid var(--line);position:relative}.signal-flow li+li:before{content:"↓";position:absolute;top:-22px;left:50%;color:var(--red);line-height:1}.signal-flow strong{display:block;color:var(--cyan);font-size:1rem}.signal-flow span{display:block;color:var(--muted);font-size:.875rem;margin-top:3px}.gallery{display:grid;gap:16px}.gallery .photo{border:1px solid var(--line)}.specs{margin:0}.specs>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.specs dt{color:var(--muted);font-size:.875rem}.specs dd{margin:0;font-size:.9375rem;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:16px}.metrics>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 18px}.metrics strong{display:block;color:var(--cyan);font-size:2rem;line-height:1.3;letter-spacing:-.04em}.metrics span{font-family:ui-monospace,Consolas,monospace;color:var(--muted);font-size:.875rem}.kit{font-size:.875rem;color:var(--muted);margin-bottom:28px}.kit>.mono{display:inline-block;background:var(--red);color:#151719;padding:0 6px;margin-right:8px}.pending{color:var(--muted);font-size:.9375rem}.return-nav{padding-block:32px 48px;border-top:1px solid var(--line);display:grid;gap:24px}.button{display:flex;min-height:52px;align-items:center;justify-content:center;border:1px solid var(--line);padding:10px 20px;font-size:.9375rem}.button:hover{border-color:var(--red)}.next-project{display:flex;flex-direction:column;gap:6px;min-height:52px}.next-project .mono{color:var(--red)}.next-project>span:last-child{font-size:1.125rem;font-weight:600}
@media(min-width:640px){.shell{width:min(var(--width),calc(100% - 64px))}.header-inner{min-height:92px}.brand{font-size:1rem}.hero{padding-top:58px}.hero-title{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.hero-side{padding-bottom:8px;max-width:340px}.hero-bottom{margin-top:40px}.mobile-only{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{display:flex;flex-direction:column}.card-body{display:flex;flex-direction:column;flex:1;padding:28px}.card-link{margin-top:auto}.card-body .tags{margin-bottom:24px}.card-description{margin-bottom:0}.visit{padding-block:48px 56px}.visit p{font-size:1.5rem}.visit-cross{display:block;position:absolute;right:0;top:42px;font-size:64px;font-weight:200;color:var(--red)}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.metrics>div{padding:20px 16px}.signal-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.signal-flow li+li:before{display:none}.return-nav{grid-template-columns:1fr 1fr;align-items:center}.next-project{align-items:flex-end;text-align:right}.project-hero{padding-top:42px}.main-photo{margin-top:40px}.main-photo .photo-frame{aspect-ratio:16/9}.site-footer{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between}.site-footer p{margin:0}.question{padding:36px}.project-details{padding-top:48px}}
@media(min-width:1000px){.hero{padding-top:72px;padding-bottom:46px}.hero-title{margin-top:40px}.hero-side{padding-bottom:12px}.hero-bottom{margin-top:46px}.card-body h3{font-size:2rem}.works{padding-bottom:72px}.detail-section{grid-template-columns:250px minmax(0,1fr);gap:48px;padding-block:42px}.question{margin-left:298px}.signal-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.signal-flow li{padding:14px}.signal-flow li:only-child{grid-column:1/-1}.signal-flow:has(li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.project-hero{max-width:1000px}.project-catch br{display:none}}
.photo img{background:#1c2023}.app-shot .photo-frame{aspect-ratio:391/850}.github-link{min-height:44px;display:flex;align-items:center;font-family:ui-monospace,Consolas,monospace;font-size:.8125rem;color:var(--cyan)}
@media(max-width:639px){.hero h1{font-size:clamp(2rem,16vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body{background:white;color:black}.site-header,.site-footer,.return-nav,.skip{display:none}.detail-content p,.specs dt{color:#333}.shell{width:100%}.project-card,.question{background:white}.photo-frame{max-height:280px}.detail-section{break-inside:avoid}}

.header-inner{flex-wrap:wrap;gap:12px}.site-nav{display:flex;flex-wrap:wrap;gap:8px 20px}.site-nav a{display:flex;align-items:center;min-height:44px;font-size:.875rem;color:var(--muted)}.site-nav a:hover{color:var(--cyan)}.archive-hero{padding-block:58px 48px}.archive-hero h1{font-size:clamp(2rem,8vw,5rem);letter-spacing:-.05em;line-height:1.2;margin:24px 0}.archive-hero p{color:var(--muted);line-height:1.9}.archive-jumps{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.archive-jumps a{padding:10px 16px;border:1px solid var(--line);min-height:44px}.archive-callout{border-top:1px solid var(--line);padding-block:40px}.archive-callout h2{font-size:clamp(1.3rem,4vw,2rem)}.archive-callout p{color:var(--muted)}.archive-callout .button{max-width:360px}.connection-diagram{min-height:230px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;background:#1c2023;font:600 1.2rem ui-monospace,monospace;padding:24px}.connection-diagram span{color:var(--cyan)}.project-card .connection-diagram{aspect-ratio:3/2}.detail-content a{overflow-wrap:anywhere}.photo figcaption{flex-wrap:wrap;gap:8px}
.section-heading{flex-wrap:wrap;gap:12px}.section-heading h2{min-width:0}.card-top{flex-wrap:wrap;gap:8px}.card-top .mono{overflow-wrap:anywhere}
.project-grid{grid-template-columns:minmax(0,1fr)}.project-card{min-width:0}.card-body{overflow-wrap:anywhere}@media(min-width:640px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.project-card .connection-diagram{width:100%;min-height:0}

/* Editorial instrument catalogue — shared responsive design. */
:root{--bg:#101213;--panel:#181c1e;--line:#343c40;--text:#f2f2e9;--muted:#b5bdbd;--red:#ff654e;--cyan:#a5d8cc;--width:1240px}
body{background:radial-gradient(ellipse at 90% 0%,#23312c55,transparent 38rem),var(--bg)}
.site-header{background:#101213e8;position:relative;z-index:3}.brand{letter-spacing:.1em}.brand-mark{background:var(--red);color:#101213;border:0;width:38px;height:38px;font-weight:900;box-shadow:4px 4px 0 #ff654e28}.site-nav a{font-weight:650;letter-spacing:.03em;position:relative}.site-nav a[aria-current]{color:var(--text)}.site-nav a[aria-current]:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:2px;background:var(--red)}
.eyebrow{font-family:ui-monospace,Consolas,monospace;font-size:.7rem;letter-spacing:.12em}.red-line{width:32px;height:2px}.hero{padding-top:40px}.hero h1{letter-spacing:-.07em}.hero h1>span:not(.red-period){color:var(--text)}.hero-side p{font-size:1.125rem}.hero-side>.mono{color:var(--cyan)}
.hero-showcase{display:grid;margin-top:32px;border:1px solid var(--line);background:#1b2021;overflow:hidden}.showcase-photo{display:block;position:relative;min-width:0}.showcase-photo img{width:100%;aspect-ratio:1.44;object-fit:cover;object-position:50% 50%;filter:saturate(.8)}.showcase-caption{display:grid;grid-template-columns:1fr auto;gap:8px;padding:20px;background:#161a1d}.showcase-caption>.mono{grid-column:1/-1;color:var(--cyan)}.showcase-caption strong{font-size:1.1rem;line-height:1.4}.showcase-caption>span:last-child{color:var(--red);font-size:1.5rem;line-height:1}.showcase-note{padding:26px;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#ffffff05 40px),#20282a}.showcase-note>.mono{color:var(--cyan);font-size:.65rem}.showcase-note>p{font-size:1.7rem;line-height:1.5;margin-top:20px;font-weight:700;letter-spacing:.03em}.showcase-rule{display:block;width:44px;height:2px;background:var(--red);margin-top:24px}.showcase-note>.showcase-small{font-size:.875rem;color:var(--muted);font-weight:400}.hero-bottom{border-top:0;padding-top:0;margin-top:24px}
.section-heading{border-top:1px solid var(--line);padding-top:20px;margin-bottom:28px}.section-heading h2{font-size:clamp(1.125rem,2.3vw,1.7rem);letter-spacing:-.04em}.section-heading>.mono{color:var(--cyan)}.project-grid{gap:28px}.project-card{border:1px solid var(--line);position:relative;transition:transform .25s,border-color .25s,box-shadow .25s;background:linear-gradient(135deg,#22292b,#181c1e 60%)}.project-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #0004;border-color:var(--cyan)}.project-card:before{content:"";width:18px;height:3px;background:var(--red);position:absolute;left:-1px;top:-1px;z-index:1}.card-top{padding:16px 20px;font-size:.7rem;border-bottom:0}.card-top>.mono{font-size:.65rem;letter-spacing:.07em}.card-symbol{color:var(--cyan)}.project-card>.photo{margin-inline:12px}.project-card .photo-frame{background:#272d2e;aspect-ratio:4/3}.project-card .photo img{background:#272d2e}.project-card .photo figcaption{border-bottom:0;padding:10px 0;font-size:.65rem}.project-card .photo figcaption .mono{font-size:.58rem;opacity:.7}.card-body{padding:22px}.card-body h3{font-size:clamp(1.5rem,2.7vw,2.1rem);font-weight:750}.card-copy{font-size:1rem;font-weight:550;color:#d6ddd7;margin-top:16px}.card-description{font-size:.875rem;color:var(--muted);line-height:1.9}.card-link{color:var(--cyan);margin-top:24px;padding-top:18px;font-size:.8rem;letter-spacing:.06em}.card-link span{color:var(--cyan)}
.archive-hero{display:grid;gap:36px;padding-block:48px}.archive-hero h1{font-size:clamp(2rem,7vw,5.4rem);font-weight:750;letter-spacing:-.06em;margin-block:24px}.archive-intro{min-width:0}.archive-intro>p{font-size:.9375rem}.archive-jumps{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;justify-content:space-between}.archive-jumps a{border:0;padding:14px 6px;font-size:.8rem;transition:color .2s}.archive-jumps a:hover{color:var(--cyan)}.archive-visual{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;padding-bottom:24px;min-width:0}.archive-image{background:#272d2e;border:1px solid var(--line);padding:8px;min-width:0}.archive-image img{width:100%;height:150px;object-fit:cover;filter:saturate(.65)}.archive-image-midi{margin-top:28px}.archive-image-midi img{object-fit:contain}.archive-image figcaption{font: .6rem ui-monospace,Consolas,monospace;color:var(--muted);margin-top:10px;letter-spacing:.04em}.archive-stamp{position:absolute;left:12px;bottom:0;line-height:.95;font-size:1.45rem;font-weight:900;letter-spacing:-.06em;color:var(--cyan);text-shadow:2px 2px #101213}
.archive-callout{padding:32px;margin-block:16px 48px;border:1px solid var(--line);background:linear-gradient(110deg,#23302b,#171c1e);position:relative}.archive-callout>.mono{color:var(--cyan)}.archive-callout h2{margin-block:18px 12px;line-height:1.5}.archive-callout .button{margin-top:24px;background:var(--text);border-color:var(--text);color:#151819;font-weight:650}.visit{padding-block:40px}.site-footer{margin-top:16px}.footer-brand{color:var(--cyan)}
.project-hero{max-width:none;padding-bottom:8px}.project-kind{font-size:.65rem;letter-spacing:.15em;color:var(--cyan)}.project-hero h1{font-weight:750;font-size:clamp(2.3rem,6vw,5.2rem);line-height:1.07}.project-catch{font-size:clamp(1.1rem,2vw,1.6rem);font-weight:500;color:#d4dcd6}.main-photo{padding:10px;background:#202628;border:1px solid var(--line);box-shadow:10px 10px 0 #ffffff03}.main-photo figcaption{padding:14px 4px 4px;border:0;font-size:.7rem}.main-photo .photo-frame{background:#202628}.main-photo img{background:#202628}.detail-label>.mono{color:var(--cyan)}.detail-label h2{line-height:1.5}.detail-content p{line-height:2}.specs>div{padding:18px 12px}.specs>div:nth-child(odd){background:#ffffff03}.specs dd{color:var(--text)}.button{transition:background .2s,color .2s,border-color .2s}.button:hover{background:var(--cyan);color:#111;border-color:var(--cyan)}.gallery{gap:20px}.gallery .photo{border:1px solid var(--line);padding:8px;background:#202628}.gallery .photo figcaption{padding:12px 2px 4px;border:0}.gallery .photo-frame{aspect-ratio:4/3}.connection-diagram{color:var(--text);background:repeating-linear-gradient(0deg,transparent,transparent 39px,#ffffff05 40px),#20282a}
@media(min-width:640px){.hero-showcase{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.showcase-photo img{aspect-ratio:1.8}.showcase-note{display:flex;flex-direction:column;justify-content:center;padding:32px}.showcase-note>p{font-size:2rem}.archive-image img{height:230px}.archive-hero{padding-block:64px}.archive-stamp{font-size:2rem}.card-body{padding:28px}.project-card>.photo{margin-inline:16px}.archive-callout{padding:48px}.archive-callout .button{max-width:320px}}
@media(min-width:1000px){.hero{padding-top:48px}.hero-title{margin-top:32px}.hero h1{font-size:8.5rem}.hero-showcase{margin-top:40px;grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.showcase-photo img{aspect-ratio:2.3}.showcase-caption{grid-template-columns:auto 1fr auto;align-items:center;padding:20px 24px;gap:24px}.showcase-caption>.mono{grid-column:auto}.showcase-note>p{font-size:2.25rem}.archive-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:72px}.archive-image img{height:240px}.archive-visual{gap:20px}.archive-image-midi{margin-top:56px}.archive-stamp{font-size:2.6rem}.project-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:56px;align-content:start;align-items:start;padding-block:42px 30px}.project-hero>.eyebrow,.project-kind,.project-hero>h1,.project-catch,.project-hero>.kit{grid-column:1}.project-hero>h1{font-size:clamp(2.5rem,4.4vw,4.4rem)}.project-hero>.main-photo,.project-hero>.connection-diagram{grid-column:2;grid-row:1/7;margin-top:0;align-self:center}.main-photo .photo-frame{aspect-ratio:4/3}.project-kind{margin-top:24px}.project-catch{margin-top:24px}.detail-section{grid-template-columns:260px minmax(0,1fr);gap:64px;padding-block:48px}.detail-label{position:sticky;top:24px;align-self:start}.detail-content{max-width:820px}.works{padding-block:32px 64px}.archive-callout{display:grid;grid-template-columns:1fr auto;column-gap:40px}.archive-callout>.mono,.archive-callout>h2,.archive-callout>p{grid-column:1}.archive-callout>.button{grid-column:2;grid-row:1/4;align-self:center;margin-top:0}.question{margin-left:324px}}
@media(prefers-reduced-motion:reduce){.project-card,.button{transition:none}.project-card:hover{transform:none}}
@media print{body{background:white}.hero-showcase,.archive-visual{display:none}.detail-label{position:static}.project-card{background:white;box-shadow:none}.project-hero{display:block}}
.showcase-photo img{height:auto}