:root{--paper:#f4f3eb;--ink:#172c2d;--muted:#5d6d65;--line:#d5d8cd;--orange:#c95431;--teal:#207476}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:6px}header,main,footer{max-width:1200px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 36px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:42px;line-height:1;font-weight:700;letter-spacing:-4px}.brand-dot{color:var(--orange);margin-left:-12px}.brand>span:last-child{font-size:11px;line-height:1.4;letter-spacing:2px;font-weight:400}.brand strong{display:block}.institute{font-size:13px}.hero{position:relative;padding:85px 36px 95px;overflow:hidden;min-height:530px}.eyebrow{font-family:monospace;font-size:11px;letter-spacing:1.6px;font-weight:500}h1{font-size:clamp(42px,6vw,76px);letter-spacing:-3px;line-height:1.08;font-weight:500;margin:28px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}.intro{color:var(--muted);font-size:18px}.button{display:inline-flex;align-items:center;gap:30px;padding:12px 18px;margin-top:20px;background:var(--ink);color:var(--paper);font-size:13px;border:0;cursor:pointer}.button:hover{background:var(--teal)}.hero-art{position:absolute;width:44%;right:15px;top:90px;z-index:-1;opacity:.85}.experiences{padding:10px 36px 65px}.section-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px}.section-title h2{font-size:22px;font-weight:500}.section-title span{font:12px monospace;color:var(--muted)}.lab-card{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--line);margin-top:18px;background:#fbfaf4;transition:border-color .2s}.lab-card:hover{border-color:var(--teal)}.card-visual{display:flex;align-items:center;background:#e4e9df;min-height:240px;padding:35px}.card-visual svg{width:100%;fill:none;stroke:var(--teal);stroke-width:2}.card-visual .second{stroke:var(--orange)}.card-copy{padding:30px 36px}.card-copy h3{font-size:24px;font-weight:500;line-height:1.3;margin:12px 0}.card-copy h3 span{color:var(--orange)}.card-copy p:not(.eyebrow){color:var(--muted);font-size:15px}.tag{font:10px monospace;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--line);padding:6px 8px;display:inline-block}.note{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:0 36px;padding:40px 0}.note p{margin:0;color:var(--muted);font-size:15px}footer{padding:24px 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:11px monospace;color:var(--muted)}.skip{position:absolute;top:-60px;background:var(--ink);color:white;padding:10px;z-index:10}.skip:focus{top:0}.lab-main{padding:40px 36px}.back{font-size:12px;color:var(--muted)}.lab-main h1{font-size:clamp(36px,5vw,58px);margin-top:25px}.lab-intro{max-width:720px;color:var(--muted)}.experiment{display:grid;grid-template-columns:1fr 270px;gap:25px;margin:35px 0}.plot{border:1px solid var(--line);background:#fcfbf5;padding:20px;min-width:0}.plot svg{display:block;width:100%;height:auto}.plot .legend{display:flex;gap:20px;flex-wrap:wrap;font:11px monospace}.legend span:before{content:'';display:inline-block;width:15px;height:2px;margin:0 6px 3px 0;background:var(--teal)}.legend .wave2:before{background:var(--orange)}.legend .sum:before{background:var(--ink)}.controls{border:1px solid var(--line);padding:20px}.controls label{display:block;font-size:12px;margin-bottom:20px}.controls output{float:right;font-family:monospace}.controls input{display:block;width:100%;margin:12px 0;accent-color:var(--teal)}.controls .button{margin-top:4px;width:100%;justify-content:center}.formula{font-family:monospace;font-size:13px;overflow-wrap:anywhere}.explanation{max-width:780px}.explanation h2{font-weight:500;font-size:23px}.explanation p{color:var(--muted)}@media(max-width:700px){header{padding:20px}.hero{padding:50px 20px;min-height:auto}.hero-art{position:relative;width:100%;right:auto;top:auto;margin-top:30px;height:190px;z-index:0}h1{letter-spacing:-2px}.experiences{padding:0 20px 40px}.lab-card,.note,.experiment{grid-template-columns:1fr}.note{margin:0 20px;gap:15px}.card-visual{min-height:160px;padding:20px}.card-copy{padding:24px}.lab-main{padding:25px 20px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.controls label{margin-bottom:8px}.controls .button{grid-column:1/-1}footer{padding:20px;gap:20px}.institute{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.site-nav{display:flex;align-items:center;gap:24px;font-size:13px}.site-nav a{padding:8px 0;border-bottom:2px solid transparent}.site-nav a[aria-current]{border-color:var(--orange)}.site-nav a:hover{color:var(--teal)}@media(max-width:700px){.site-nav{gap:18px;font-size:12px}}