:root{font-family:Arial,Helvetica,system-ui,sans-serif;color:#252d35;background:#f0f2f0;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #c56e6b;outline-offset:4px}.shell{max-width:1680px;margin:auto;padding:0 clamp(20px,4vw,75px)}
.masthead{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 0 45px;border-bottom:1px solid #3b4850}.wordmark{font-size:14px;line-height:1;letter-spacing:-.7px;font-weight:750}.tiny{font-weight:400;color:#687780;font-size:9px;letter-spacing:1px}.masthead nav{display:flex;gap:28px;font-size:11px;letter-spacing:1.15px}.masthead nav a:hover,.refs a:hover{text-decoration:underline;text-underline-offset:3px}
.intro{padding:64px 0 42px;max-width:1100px}.eyebrow{font-size:11px;letter-spacing:2px;display:flex;gap:14px;align-items:center;color:#687780}.dot{color:#d47175;font-size:10px}h1{font-weight:500;font-size:clamp(53px,8.3vw,132px);line-height:.99;letter-spacing:-.076em;margin:26px 0}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.sup{font-size:.32em;vertical-align:top;position:relative;top:.15em;margin-left:.23em;letter-spacing:0}.lede{font-family:Georgia,serif;font-size:clamp(18px,2.2vw,27px);line-height:1.34;max-width:620px;margin:31px 0 0;color:#56646d}
.work{border-top:1px solid #3b4850;display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:clamp(28px,3.7vw,62px);padding-top:21px}.work-stage{background:#e5e9e7;display:flex;justify-content:center;align-items:flex-start;padding:clamp(8px,2vw,30px);min-height:500px}#artwork{width:min(100%,790px);line-height:0}#artwork svg{width:100%;height:auto;display:block;box-shadow:0 12px 28px #29343d0f}.controls{padding:8px 0;position:sticky;top:22px}.control-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;border-bottom:1px solid #3b4850;padding:0 0 19px;margin-bottom:24px}.instrument{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:32px}.instrument label{font-size:11px;letter-spacing:1.3px}.instrument input[type=number]{min-width:0;border:0;border-bottom:1px solid #7c898f;padding:14px 0;background:transparent;font-size:30px;letter-spacing:-.06em;width:100%;color:#252d35}.instrument button,.exports button{border:1px solid #899598;background:transparent;text-align:left;padding:14px 12px;font-size:11px;letter-spacing:.8px}.instrument button:hover,.exports button:hover{background:#dfe4e2}.sliderrow{grid-template-columns:1fr auto}.sliderrow label{grid-column:1/-1}.sliderrow input{width:100%;accent-color:#4d6171}.sliderrow output{font-size:12px}.rule{height:1px;background:#aeb8bb;margin:36px 0 18px}.smallprint{font-family:Georgia,serif;color:#6b7980;line-height:1.55;font-size:14px}.exports{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.exports button:first-child{grid-column:span 2}.status{font-size:11px;min-height:16px;color:#4c7370;margin-top:18px}
.text-section{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:90px 0;border-bottom:1px solid #acb6b7}.section-number{font-size:11px;letter-spacing:1.5px;padding-top:10px}.prose{max-width:720px}.prose h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,56px);line-height:1.1;letter-spacing:-.04em;margin:0 0 30px}.prose p{font-size:clamp(15px,1.4vw,19px);line-height:1.6;color:#53646b}.formula{font-family:Georgia,serif;font-style:italic;font-size:21px;letter-spacing:.03em;padding-top:20px}.refs{display:flex;gap:12px 24px;flex-wrap:wrap;font-family:Arial,sans-serif;font-size:11px!important;text-transform:uppercase;letter-spacing:1px}footer{display:flex;justify-content:space-between;gap:15px;padding:34px 0 75px;font-size:9px;letter-spacing:1.3px;color:#637178}
@media(max-width:850px){.masthead{padding-bottom:32px}.work{grid-template-columns:1fr}.controls{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px 32px}.control-head{grid-column:1/-1}.smallprint,.rule,.exports,.status{grid-column:1/-1}.rule{margin:8px 0}.smallprint{margin:2px 0}.exports{grid-template-columns:repeat(3,1fr)}.exports button:first-child{grid-column:auto}.work-stage{min-height:0}.text-section{grid-template-columns:1fr;gap:25px;padding:64px 0}}
@media(max-width:520px){.shell{padding:0 16px}.masthead nav{gap:12px;font-size:10px}.intro{padding:46px 0 38px}.eyebrow{font-size:9px}.controls{display:block}.exports{grid-template-columns:1fr 1fr}.exports button:first-child{grid-column:span 2}footer{flex-wrap:wrap;line-height:1.6}footer span:nth-child(2){display:none}}