@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap');
:root{--paper:#eeeadd;--ink:#243d3b;--muted:#68736a;--line:#bdc3b5;--dark:#122a2c;--accent:#b3c79b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 'DM Sans',sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit;color:inherit}button{background:transparent;border:1px solid var(--line);padding:10px 14px;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ac663f;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-60px}.skip:focus{top:12px;background:var(--paper);z-index:5}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:24px 5%;gap:20px;font-size:11px}.brand{letter-spacing:.1em;text-decoration:none}.hero{padding:60px 5%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:50px;align-items:center}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:600}.hero h1{font:clamp(60px,6.2vw,100px)/1 Italiana,Georgia,serif;letter-spacing:-.025em;margin:24px 0}.hero h1 em{font:italic .85em Georgia,serif;color:#98643d}.intro{max-width:440px;color:var(--muted);font-size:15px;margin-bottom:26px}.primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 20px;display:inline-block;text-decoration:none;font-size:12px}.hero-art{overflow:hidden;aspect-ratio:1.25;background:var(--dark);border-radius:48% 48% 0 0}.hero-art svg{width:100%;height:100%;display:block}.study-nav{display:flex;margin:0 5%;border-block:1px solid var(--line)}.study-nav a{flex:1;text-decoration:none;padding:18px 12px;font-size:11px;border-bottom:2px solid transparent}.study-nav a:first-child{padding-left:0}.study-nav [aria-current]{border-color:#98643d}.section{padding:65px 5%}.section-title{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:35px}.section-title h2,.connections h2{font:clamp(36px,4vw,60px)/1.05 Italiana,Georgia,serif;margin-top:14px}.section-title>p{color:var(--muted);max-width:520px;font-size:13px}.records{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.records article{display:flex;flex-direction:column;border-top:1px solid var(--line);gap:17px;padding-top:22px}.records h3{font:27px/1.12 Italiana,Georgia,serif}.records article>p:not(.eyebrow),.records details{font-size:12px;color:var(--muted)}.records details p{margin:14px 0}.records a{overflow-wrap:anywhere}.records summary{cursor:pointer;color:var(--ink)}.records button{text-align:left;border:0;border-top:1px solid var(--line);padding:14px 0;margin-top:auto;font-size:11px}.instrument{border-block:1px solid var(--line);background:#e8e7da}.workbench{display:grid;grid-template-columns:270px minmax(0,1fr);border:1px solid var(--line);align-items:start}.controls{padding:22px;display:flex;flex-direction:column;gap:20px;background:#e0e2d4}.controls label{display:block;font-size:11px}.controls select,.controls input[type=number]{background:var(--paper);border:1px solid var(--line);padding:9px;width:100%;margin-top:8px;border-radius:0;font-size:12px}#parameters{display:flex;flex-direction:column;gap:20px}.controls .range{display:grid;grid-template-columns:1fr auto;gap:8px}.range input{grid-column:1/-1;width:100%;accent-color:#98643d;cursor:pointer}.range output{font-variant-numeric:tabular-nums;color:#98643d}.button-row{display:flex;gap:8px}.button-row button{font-size:10px;padding:8px}.controls fieldset{border:0;border-top:1px solid var(--line);padding:18px 0 0;margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}.controls legend{font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:0 8px 0 0}.controls fieldset>button{font-size:11px}.small{font-size:11px;color:var(--muted);line-height:1.65}.drawing{min-width:0;padding:0 20px 22px}.drawing-head{display:flex;justify-content:space-between;gap:15px;padding:16px 0;font-size:10px}#stage{aspect-ratio:1.25;background:var(--dark);width:100%;touch-action:pan-y}#stage svg{display:block;width:100%;height:100%}body[data-study=living-networks] #stage,body[data-study=ritual-choreographies] #stage{cursor:crosshair}.metrics{padding:14px 0;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);min-height:44px}.transport,.settings{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.transport button,.settings button,.file{font-size:11px;padding:10px 12px}.file{border:1px solid var(--line);display:block}.file input{font-size:10px;max-width:175px;display:block;margin-top:5px}#status{margin-top:16px}.method{font-size:12px;color:var(--muted);margin-top:25px;max-width:1000px}.method summary{cursor:pointer;color:var(--ink)}.method p{margin-top:12px}.connections #related{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px}.connections a{display:flex;gap:40px;border-bottom:1px solid var(--line);padding:15px 0;text-decoration:none;font-size:13px}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 5%;border-top:1px solid var(--line);font-size:10px}footer p{color:var(--muted)}.pulsing #view-connections path{stroke-dasharray:10 8;animation:pulse 3s linear infinite}@keyframes pulse{to{stroke-dashoffset:-72}}
@media(min-width:1700px){.top,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1550px)/2));padding-right:max(5%,calc((100vw - 1550px)/2))}.study-nav{margin-left:max(5%,calc((100vw - 1550px)/2));margin-right:max(5%,calc((100vw - 1550px)/2))}}
@media(max-width:1000px){.records{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:25px}.workbench{grid-template-columns:235px minmax(0,1fr)}.controls{padding:16px}.drawing{padding:0 14px 18px}}
@media(max-width:750px){.hero{grid-template-columns:1fr;padding:40px 5%}.hero h1{font-size:66px}.hero-art{max-width:550px;width:100%;margin:auto}.study-nav{display:grid;grid-template-columns:1fr 1fr}.study-nav a{font-size:10px;padding:14px 8px!important}.section{padding:42px 5%}.section-title{display:block}.section-title>p{margin-top:20px}.workbench{display:flex;flex-direction:column-reverse}.controls,.drawing{width:100%}.drawing-head{font-size:9px}.controls{padding:22px}.controls #parameters{display:grid;grid-template-columns:1fr 1fr;gap:22px}.controls #parameters label{min-width:0}.controls #parameters select{max-width:100%}.top{font-size:9px}.transport .primary{flex:1;text-align:center}.connections #related{display:block}.connections a{justify-content:space-between}footer{flex-wrap:wrap}.metrics{font-size:10px}}
@media(max-width:480px){.records{grid-template-columns:1fr}.hero h1{font-size:58px}.top .brand{max-width:180px}.drawing-head span:last-child{display:none}.controls #parameters{grid-template-columns:1fr}.intro{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulsing #view-connections path{animation:none}}

.controls input:disabled{opacity:.3;cursor:not-allowed}.controls label:has(input:disabled){color:var(--muted)}