:root{--paper:#f8f7f5;--ink:#33362f;--soft:#787b72;--line:#e5e6df;--tray:#eeefea;--card:#faf9f5;--accent:#68765a;color-scheme:light}:root[data-theme=dark]{--paper:#171b18;--ink:#e8eae1;--soft:#a4ad9f;--line:#30382f;--tray:#202620;--card:#2a3128;--accent:#b7c6a2;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--paper);color:var(--ink);letter-spacing:-.015em;isolation:isolate;margin:0;font:13px/1.8 Geist,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled,input:disabled{cursor:default}::selection{background:#dec4ca80}[hidden]{display:none!important}.page{max-width:688px;margin:auto;padding:0 24px;position:relative}.top{justify-content:space-between;align-items:center;height:104px;display:flex}.monogram{letter-spacing:-1.5px;font-size:22px;font-weight:600}.site-nav{z-index:20;border:1px solid var(--line);background:var(--tray);border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex;position:fixed;top:28px;left:50%;transform:translate(-50%);box-shadow:0 3px 5px #33362f03,0 10px 26px #33362f06}.nav-link{width:36px;height:36px;color:var(--soft);border-radius:999px;place-items:center;padding:9px;font-size:11px;transition:color .18s,background .18s;display:grid}.nav-link svg{width:18px;height:18px}.nav-link:hover,.nav-link.active{color:var(--ink);background:var(--card)}.nav-link.active{box-shadow:0 1px 4px #33362f0b}.theme-toggle{background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:0;padding:7px;display:grid}.theme-toggle svg{width:16px;height:16px;transition:transform .5s}.theme-toggle:hover svg{transform:rotate(35deg)}[data-theme=dark] .theme-toggle svg{transform:rotate(-35deg)}[data-theme=dark] .sun-rays{opacity:0}.intro{padding:45px 0 0}.intro-top{grid-template-columns:1fr 198px;align-items:center;gap:32px;display:grid}.hello{color:var(--soft);margin:0 0 20px;font-size:12px}.greeting{color:var(--soft);text-align:left;background:0 0;border:0;border-bottom:1px dotted #afb4a6;min-width:30px;padding:0}h1{letter-spacing:-.055em;margin:0 0 22px;font-size:28px;font-weight:400;line-height:1.5}.cascade-word{border-bottom:1px dotted #aeb5a3;display:inline-block}.hero-aside{color:var(--soft);margin:0;font-size:12px;line-height:1.9}.portrait{margin:0;transition:transform .45s cubic-bezier(.2,.8,.2,1);transform:rotate(4deg)}.portrait:hover{transform:rotate(1deg)translateY(-3px)}.portrait-button{aspect-ratio:4/3;border:1px solid var(--line);background:var(--card);border-radius:9px;width:100%;padding:6px;display:block;position:relative;box-shadow:0 4px 5px #33322f06,0 12px 28px #33322f0c}.portrait-button img{object-fit:cover;border-radius:4px;width:100%;height:100%;display:block}.photo-expand{color:#33362f;opacity:0;background:#f8f7f5ed;border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;transition:opacity .2s,transform .2s;display:grid;position:absolute;bottom:12px;right:12px;transform:translateY(3px)}.portrait-button:hover .photo-expand,.portrait-button:focus-visible .photo-expand{opacity:1;transform:none}.portrait figcaption{color:var(--soft);justify-content:space-between;padding:11px 4px 0;font:9px/1.5 Geist,sans-serif;display:flex}.intro-bottom{color:var(--soft);margin:36px 0 0;font-size:12px}.intro-bottom span{opacity:.8;margin-top:3px;font-size:11px;display:block}.collection{margin-top:62px}.collection-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px;display:flex}.collection-head h2{color:var(--soft);margin:0;font-size:11px;font-weight:400}.filters{gap:4px;display:flex}.filters button{color:var(--soft);background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:6px 11px;font-size:13px;transition:background .2s,color .2s;display:flex}.filters button[aria-pressed=true]{color:var(--ink);background:var(--tray)}.filter-dot{opacity:0;background:currentColor;border-radius:50%;width:3px;height:3px;transition:opacity .2s}.filters button[aria-pressed=true] .filter-dot{opacity:.8}.tray{background:var(--tray);border:1px solid var(--line);border-radius:14px;position:relative;overflow:clip}.panel{min-height:368px;padding:32px}.systems-content,.writing-content{justify-content:center;align-items:center;gap:44px;display:flex}.object-description{min-width:0;max-width:204px}.study-number{color:var(--soft);letter-spacing:.08em;margin-bottom:14px;font:12px/1.5 monospace;display:block}.object-description h3,.sound-description h3{letter-spacing:-.03em;margin:0 0 10px;font-size:14px;font-weight:450}.object-description p,.sound-description p{color:var(--soft);margin:0;font-size:11px;line-height:1.9}.object-description .tiny{opacity:.8;margin-top:20px;font:9px/1.6 monospace}.signal-study{color:#8f9c7e;background:#262c23;border:1px solid #383e32;border-radius:9px;flex:0 0 252px;padding:16px;box-shadow:0 8px 24px #1c241210}.study-overline{letter-spacing:.05em;justify-content:space-between;align-items:center;font:11px/1.5 monospace;display:flex}.signal-led{background:#d6c594;border-radius:50%;width:4px;height:4px;box-shadow:0 0 6px #d6c59460}.signal-matrix{background:0 0;border:0;border-radius:4px;width:100%;padding:22px 0 18px;display:block}.signal-matrix svg{width:100%;height:auto;display:block;overflow:visible}.pixel{fill:#394231;transition:fill .55s}.pixel.lit{fill:#bcc8a1}.pixel.trail{fill:#e0c695;transition:fill 70ms}.signal-caption{justify-content:space-between;gap:6px;font:11px/1.5 monospace;display:flex}.signal-caption #signal-label{max-width:145px}.signal-instruction{opacity:.6;white-space:normal}.writing-study{flex:0 0 252px;min-width:0}.note-stack{isolation:isolate;height:216px;position:relative}.note-card{--card-index:0;text-align:left;background:var(--card);border:1px solid var(--line);width:204px;height:188px;transform:translate(calc(var(--card-index) * 8px), calc(var(--card-index) * 5px)) rotate(calc(var(--card-index) * 5deg - 4deg));z-index:calc(3 - var(--card-index));border-radius:7px;flex-direction:column;padding:19px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:flex;position:absolute;top:6px;left:22px;box-shadow:0 4px 10px #30362f0a}.note-card.active{z-index:5}.note-number{color:var(--soft);letter-spacing:.05em;font:10px/1.5 monospace}.note-quote{letter-spacing:-.025em;max-width:145px;margin:auto 0;font:italic 26px/1.12 Newsreader,serif}.note-topic{color:var(--soft);justify-content:space-between;font-size:11px;display:flex}.note-stack:hover .note-card,.note-stack:focus-within .note-card{transform:translate(calc((var(--card-index) - 1) * 19px), calc(var(--card-index) * -3px)) rotate(calc((var(--card-index) - 1) * 8deg))}.note-stack .note-card:hover,.note-stack .note-card:focus-visible{transform:translate(calc((var(--card-index) - 1) * 19px), -13px) rotate(calc((var(--card-index) - 1) * 8deg));z-index:6;box-shadow:0 14px 24px #30362f14}.study-hint{text-align:center;color:var(--soft);margin:9px 0 0;font-size:12px}.note-selectors{gap:6px;margin-top:20px;display:flex}.note-selectors button{color:var(--soft);background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 7px;font:12px/1.5 monospace}.note-selectors button[aria-pressed=true]{border-color:var(--line);background:var(--card);color:var(--ink)}.sound-content{flex-direction:column;align-items:center;padding:20px 32px 28px;display:flex}.sound-content .object-stage{flex-shrink:0;width:100%;height:262px}.sound-content .machine{transform:rotate(-3deg) scale(var(--device-scale,1));flex-shrink:0}.sound-content .machine:hover{transform:rotate(-1deg) translateY(-2px) scale(var(--device-scale,1))}.sound-content .object-stage:after{bottom:38px}.sound-content .object-hint{color:var(--soft);font-size:12px;bottom:0}.sound-description{text-align:center;max-width:380px;margin-top:19px}.sound-description .study-number{margin-bottom:6px}.sound-description h3{margin-bottom:4px}.sound-description p{font-size:13px}.panel-caption{color:var(--soft);justify-content:space-between;gap:12px;padding:12px 4px 0;font-size:12px;display:flex}.about{border-top:1px solid var(--line);margin-top:54px}summary{cursor:pointer;color:var(--soft);justify-content:space-between;align-items:center;padding:21px 0;font-size:11px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.about-plus{font-size:17px;transition:transform .2s}details[open] .about-plus{transform:rotate(45deg)}.about-body{max-width:480px;padding:0 0 16px}.about-body p{color:var(--soft);margin:0 0 16px;font-size:12px}.about-body blockquote{margin:26px 0;font:italic 24px/1.4 Newsreader,serif}.about-body .about-footnote{font-size:13px}.footer{color:var(--soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:42px;padding:0 0 44px;font-size:12px;display:flex}.footer a{border-bottom:1px solid var(--line)}.clock{font:12px/1.5 monospace}.photo-dialog{border:1px solid var(--line);background:var(--paper);width:min(860px,100% - 40px);max-height:90dvh;color:var(--ink);border-radius:12px;padding:12px;box-shadow:0 24px 100px #0004}.photo-dialog::backdrop{backdrop-filter:blur(8px);background:#11181088}.photo-dialog img{object-fit:contain;border-radius:6px;width:100%;height:auto;max-height:76dvh;display:block}.photo-dialog p{color:var(--soft);margin:12px 8px 3px;font-size:13px}.dialog-close{color:#33362f;background:#f8f7f5e8;border:0;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:1;position:absolute;top:20px;right:20px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{background:var(--paper);z-index:10;position:fixed;top:-60px;left:20px}.skip:focus{top:20px}body:not(.desk-ready) .panel+.panel{border-top:1px solid var(--line)}body:not(.desk-ready) .panel-caption,body:not(.desk-ready) .signal-instruction,body:not(.desk-ready) .study-hint,body:not(.desk-ready) .note-selectors{display:none}body:not(.desk-ready) .note-stack{flex-direction:column;gap:12px;height:auto;display:flex}body:not(.desk-ready) .note-card{position:relative;top:auto;left:auto;transform:none}@media (width<=600px){.page{padding:0 24px}.top{height:82px}.intro{padding-top:30px}.intro-top{grid-template-columns:1fr;gap:31px}.portrait{grid-row:1;width:210px;margin:0 auto}.intro-copy{grid-row:2}h1{font-size:27px}.intro-bottom{margin-top:24px}.collection{margin-top:46px}.collection-head{gap:8px}.filters{gap:0}.filters button{gap:4px;padding:5px 7px;font-size:12px}.panel{min-height:452px;padding:28px 22px}.systems-content,.writing-content{flex-direction:column;gap:24px}.signal-study,.writing-study{flex:none;width:min(252px,100%)}.object-description{width:252px;max-width:100%}.object-description .study-number{display:none}.object-description h3{margin-bottom:7px;font-size:13px}.object-description p{font-size:13px}.object-description .tiny{margin-top:12px;font-size:11px}.note-selectors{margin-top:12px}.sound-content{justify-content:center;padding:20px 18px 28px}.sound-content .object-stage{height:262px}.sound-content .machine{--device-scale:.78}.about{margin-top:40px}.footer{margin-top:30px;font-size:11px}.clock{font-size:7px}}@media (width<=360px){.page{padding:0 20px}.collection-head{flex-direction:column;align-items:flex-start;gap:10px}.filters button{padding:5px 9px;font-size:13px}.note-card{width:184px;left:8px}.note-stack{height:207px}.sound-content .machine{--device-scale:.67}.sound-content .object-stage{height:250px}.signal-study{padding:13px}.signal-caption{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.portrait:hover{transform:rotate(4deg)}.note-stack:hover .note-card,.note-stack:focus-within .note-card,.note-stack .note-card:hover,.note-stack .note-card:focus-visible{transform:translate(calc(var(--card-index) * 8px), calc(var(--card-index) * 5px)) rotate(calc(var(--card-index) * 5deg - 4deg))}.sound-content .machine:hover{transform:rotate(-3deg) scale(var(--device-scale,1))}}