.semantic-page{width:min(96rem,100%);margin:0 auto;padding:clamp(7.8rem,12vw,10rem) clamp(1.2rem,5vw,5rem) clamp(6rem,10vw,9rem)}.semantic-page__nav{letter-spacing:.16em;color:#f1eee857;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(3.5rem,8vw,7rem);font-size:.55rem;font-weight:300;display:flex}.semantic-page__nav .project-back{margin:0}.semantic-intro{grid-template-columns:minmax(18rem,.9fr) minmax(20rem,1.1fr);align-items:end;gap:clamp(2.5rem,8vw,8rem);padding-bottom:clamp(4rem,8vw,7rem);display:grid}.semantic-intro h1{letter-spacing:-.065em;color:#f1eee8f5;gap:.05em;margin:1rem 0 0;font-size:clamp(3.5rem,10.5vw,9.2rem);font-weight:150;line-height:.78;display:grid}.semantic-intro__copy{justify-self:end;max-width:42rem}.semantic-intro__copy p{letter-spacing:.045em;color:#f1eee88f;margin:1.3rem 0 0;font-size:clamp(.75rem,1.05vw,.92rem);font-weight:300;line-height:1.85}.semantic-intro__copy .semantic-intro__lead{letter-spacing:-.01em;color:#f1eee8d6;margin-top:0;font-size:clamp(1.1rem,2vw,1.7rem);font-weight:220;line-height:1.45}.semantic-workbench{border-top:1px solid #f1eee824;border-bottom:1px solid #f1eee81a;padding:clamp(1.5rem,3vw,2.4rem) 0 clamp(2rem,4vw,3.2rem);position:relative}.semantic-workbench:before{content:"";opacity:.8;background:linear-gradient(90deg,#76e7ff,#7c80ff 28%,#df80ff 52%,#ffad9e 76%,#ffd977);width:min(28rem,42%);height:1px;position:absolute;top:-1px;left:0}.semantic-workbench__meta{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.4rem;display:flex}.semantic-label,.semantic-subtle,.semantic-model-state,.semantic-inputs span,.semantic-inputs input,.semantic-activate,.semantic-stage__instruction,.semantic-stage__status,.semantic-readouts span,.semantic-presets button,.semantic-privacy,.semantic-system dt,.semantic-system dd{letter-spacing:.15em;font-size:.55rem;font-weight:300}.semantic-label{color:#f1eee85c;margin:0}.semantic-subtle{color:#f1eee847;margin:.55rem 0 0}.semantic-model-state{text-align:right;color:#f1eee857;margin:0;line-height:1.6}.semantic-inputs{border-top:1px solid #f1eee814;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(12rem,.72fr);display:grid}.semantic-inputs label,.semantic-activate{background:0 0;border:0;border-bottom:1px solid #f1eee814;min-width:0;min-height:5.2rem;padding:.9rem 1rem 1rem 0}.semantic-inputs label+label,.semantic-activate{border-left:1px solid #f1eee814;padding-left:1rem}.semantic-inputs label{gap:.72rem;display:grid}.semantic-inputs span{color:#f1eee847}.semantic-inputs input{color:#f1eee8d1;letter-spacing:.06em;background:0 0;border:0;border-bottom:1px solid #f1eee824;border-radius:0;outline:0;width:100%;min-width:0;padding:.2rem 0;font-family:inherit;font-size:clamp(.8rem,1.4vw,1.05rem)}.semantic-inputs input:focus-visible{border-color:#f1eee8ad}.semantic-activate{color:#f1eee8a6;text-align:right;cursor:pointer;justify-content:flex-end;align-items:flex-end;font-family:inherit;line-height:1.5;display:flex}.semantic-activate:focus-visible,.semantic-presets button:focus-visible{color:#f1eee8f5}@media (hover:hover) and (pointer:fine){:where(html[data-hover-input=fine]) .semantic-activate:hover,:where(html[data-hover-input=fine]) .semantic-presets button:hover{color:#f1eee8f5}}.semantic-activate:focus-visible,.semantic-presets button:focus-visible{outline-offset:-4px;outline:1px solid #f1eee8b3}.semantic-activate:disabled{color:#f1eee840;cursor:wait}.semantic-stage{aspect-ratio:16/9;touch-action:none;cursor:crosshair;background:#030303;border:1px solid #f1eee81c;border-top:0;outline:0;min-height:24rem;position:relative;overflow:hidden}.semantic-stage:focus-visible{border-color:#f1eee880;box-shadow:0 0 0 1px #f1eee824}.semantic-stage:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 9rem #050505d6}.semantic-canvas{width:100%;height:100%;position:absolute;inset:0}.semantic-stage__instruction,.semantic-stage__status{z-index:3;pointer-events:none;max-width:44%;margin:0;line-height:1.55;position:absolute;bottom:1rem}.semantic-stage__instruction{color:#f1eee84d;left:1rem}.semantic-stage__status{text-align:right;color:#f1eee88f;right:1rem}.semantic-readouts{border-bottom:1px solid #f1eee814;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.semantic-readouts>div{gap:.55rem;padding:1rem 1rem 1.1rem 0;display:grid}.semantic-readouts>div+div{border-left:1px solid #f1eee814;padding-left:1rem}.semantic-readouts span{color:#f1eee847}.semantic-readouts strong{letter-spacing:.06em;color:#f1eee8b8;font-size:.65rem;font-weight:320}.semantic-presets{flex-wrap:wrap;gap:0;margin-top:1.2rem;display:flex}.semantic-presets button{color:#f1eee873;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f1eee81f;min-height:2.8rem;padding:.65rem 1rem .65rem 0;font-family:inherit}.semantic-presets button+button{margin-left:1.4rem}.semantic-privacy{color:#f1eee84d;max-width:54rem;margin:1.4rem 0 0;line-height:1.75}.semantic-underneath,.semantic-system{border-bottom:1px solid #f1eee81a;grid-template-columns:minmax(10rem,.48fr) minmax(20rem,1.52fr);gap:clamp(2.5rem,8vw,8rem);padding:clamp(5rem,10vw,9rem) 0;display:grid}.semantic-underneath__heading h2,.semantic-system h2{letter-spacing:-.045em;color:#f1eee8e6;max-width:48rem;margin:1.2rem 0 0;font-size:clamp(2.1rem,6vw,5.6rem);font-weight:180;line-height:.98}.semantic-underneath__grid{border-top:1px solid #f1eee81a;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.semantic-underneath__grid article{border-bottom:1px solid #f1eee814;min-height:13rem;padding:1.4rem clamp(1rem,3vw,2.2rem) 2.4rem 0}.semantic-underneath__grid article:nth-child(2n){border-left:1px solid #f1eee814;padding-left:clamp(1rem,3vw,2.2rem)}.semantic-underneath__grid article>p:last-child,.semantic-system__details>p{letter-spacing:.045em;color:#f1eee88f;margin:1.4rem 0 0;font-size:clamp(.72rem,1vw,.88rem);font-weight:300;line-height:1.85}.semantic-system{border-bottom:0}.semantic-system__details{max-width:58rem}.semantic-system dl{border-top:1px solid #f1eee81a;margin:0}.semantic-system dl div{border-bottom:1px solid #f1eee814;grid-template-columns:minmax(8rem,.45fr) minmax(12rem,1.55fr);gap:2rem;padding:1rem 0;display:grid}.semantic-system dt,.semantic-system dd{margin:0;line-height:1.6}.semantic-system dt{color:#f1eee84d}.semantic-system dd{color:#f1eee8a8}@media (width<=900px){.semantic-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}.semantic-activate{text-align:left;border-left:0;grid-column:1/-1;justify-content:flex-start;min-height:3.4rem;padding-left:0}}@media (width<=820px){.semantic-intro,.semantic-underneath,.semantic-system{grid-template-columns:1fr;gap:2.4rem}.semantic-intro__copy{justify-self:start}.semantic-stage{aspect-ratio:4/5;min-height:31rem}.semantic-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.semantic-readouts>div:nth-child(3){border-top:1px solid #f1eee814;border-left:0;padding-left:0}.semantic-readouts>div:nth-child(4){border-top:1px solid #f1eee814}}@media (width<=560px){.semantic-page{padding-inline:1rem}.semantic-page__nav>span{display:none}.semantic-intro h1{font-size:clamp(3.6rem,22vw,5.8rem)}.semantic-inputs{grid-template-columns:1fr}.semantic-inputs label+label,.semantic-activate{border-left:0;padding-left:0}.semantic-inputs label{min-height:4.7rem}.semantic-stage{min-height:28rem}.semantic-stage__instruction{max-width:56%}.semantic-stage__status{max-width:38%}.semantic-presets{display:grid}.semantic-presets button,.semantic-presets button+button{margin-left:0;padding-right:0}.semantic-underneath__grid{grid-template-columns:1fr}.semantic-underneath__grid article:nth-child(2n){border-left:0;padding-left:0}.semantic-system dl div{grid-template-columns:1fr;gap:.5rem}}@media (prefers-reduced-motion:reduce){.semantic-stage{cursor:default}}