.sys,.tuner,.tuner-fab{--ease-quint:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.4, 0, 1, 1)}.sys .proj__summary a{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.2em;transition:text-decoration-color var(--duration-hover)}.sys .proj__summary a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.sys__tune-open{justify-self:start;margin-top:.4rem}.sys__sec{padding:clamp(4.5rem, 13vh, 9rem) var(--gutter) 0;scroll-margin-top:4rem}.sys__head{gap:1.2rem;max-width:62rem;margin-bottom:clamp(2rem,6vh,3.5rem);display:grid}.sys__n{color:var(--ink-3)}.sys__head h2{font-family:var(--serif);font-variation-settings:"opsz" 100;font-weight:340;font-size:var(--fs-xl);letter-spacing:-.035em;text-wrap:balance;line-height:.98}.sys__lede{max-width:58ch;color:var(--ink-2);font-size:var(--fs-lead);text-wrap:pretty}.sys__lede i{font-family:var(--serif);color:var(--ink)}.sys h3.mono,.sys h4.mono{color:var(--ink-3);font-weight:400}.sys__code{border:1px solid var(--line);background:var(--bg-2);font-family:var(--mono);font-size:var(--fs-sm);color:var(--ink);margin-bottom:clamp(1.5rem,4vh,2.5rem);padding:1.25rem 1.4rem;line-height:1.8;overflow-x:auto}.sys__code .c{color:var(--ink-3)}.sys__pair{gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(1rem,2vw,1.5rem);display:grid}@media (width>=900px){.sys__pair{grid-template-columns:1fr 1fr}}.sys__card{border:1px solid var(--line);min-width:0;padding:clamp(1.25rem,3vw,2rem)}.sys__card h3{margin-bottom:1.25rem}.sys__card p{color:var(--ink-2);max-width:48ch;margin-bottom:1.5rem}.sys__card p b{color:var(--ink);font-weight:500}.sys__card-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;display:flex}.sys__card-top h3{margin:0}.sys__check{font-size:var(--fs-sm);color:var(--ink-3);cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.sys__check input{accent-color:var(--accent);width:1rem;height:1rem}.sys__specs{gap:clamp(1rem,2vw,1.5rem);display:grid}@media (width>=760px){.sys__specs{grid-template-columns:repeat(2,1fr)}}.spec{border:1px solid var(--line);background:var(--bg-2);min-width:0;padding:1.25rem}.spec figcaption{color:var(--ink-3);margin-bottom:1rem}.ladder{gap:.35rem;list-style:none;display:grid}.ladder li{font-size:var(--fs-sm);grid-template-columns:1.75rem 1fr auto 4.6rem;align-items:center;gap:.75rem;display:grid}.ladder i{border-radius:var(--rad-field);width:1.75rem;height:1.75rem;box-shadow:inset 0 0 0 1px #80808040}.ladder .mono{text-align:right;color:var(--ink-3);font-size:var(--fs-meta);text-transform:none}.sys__audit{gap:1rem;margin-top:clamp(1.5rem,4vh,2.5rem);display:grid}.sys__audit p{max-width:60ch;color:var(--ink-2)}.audit{gap:1rem;display:grid}@media (width>=760px){.audit{grid-template-columns:repeat(2,1fr)}}.audit h4{margin-bottom:.6rem}.audit ul{border-top:1px solid var(--line);list-style:none}.audit li{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 3.2rem;align-items:baseline;gap:1rem;padding:.55rem 0;display:grid}.audit li b{font-weight:500}.audit li .mono{text-align:right;color:var(--ink-3)}.audit li.is-fail,.audit li.is-fail .mono{color:var(--accent)}.tiers{justify-items:start;gap:1.25rem;display:grid}.tiers__list{border-top:1px solid var(--line);width:100%;list-style:none}.tiers__list li{border-bottom:1px solid var(--line);grid-template-columns:6rem 4.5rem 1fr;grid-template-areas:"name ms use""track track track";align-items:baseline;gap:.6rem 1rem;padding:.9rem 0;display:grid}@media (width>=900px){.tiers__list li{grid-template-columns:7rem 5rem minmax(0,20rem) 1fr;grid-template-areas:"name ms use track";align-items:center}}.tiers__name{font-family:var(--serif);font-size:var(--fs-h5);letter-spacing:-.02em;grid-area:name}.tiers__ms{color:var(--ink-2);font-variant-numeric:tabular-nums;grid-area:ms}.tiers__use{color:var(--ink-3);font-size:var(--fs-sm);grid-area:use}.tiers__list li.is-site .tiers__name{color:var(--ink-2);font-style:italic}.tiers__track{grid-area:track;height:.75rem;position:relative;container-type:inline-size}.tiers__track:before{content:"";background:var(--line);height:1px;position:absolute;inset:50% 0 auto}.tiers__track i{background:var(--accent);width:.75rem;height:.75rem;transition:translate var(--d) var(--ease-quint), opacity calc(var(--d) / 2) var(--ease-in);border-radius:50%;position:absolute;top:0;left:0}.tiers.is-run .tiers__track i{translate:calc(100cqw - .75rem)}.tiers.is-out .tiers__track i{opacity:0}.tiers.is-reset .tiers__track i{transition:none}.glyphs{flex-wrap:wrap;align-items:flex-end;gap:1.5rem 3rem;display:flex}.glyph{justify-items:center;gap:.75rem;display:grid}.glyph svg{width:calc(var(--g) * 3px);height:calc(var(--g) * 3px);fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;outline:1px solid var(--line);outline-offset:6px}.glyph .glyph__fill{fill:currentColor;stroke:none}.glyphs .hov__note{flex-basis:100%}.curves{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.curve svg{aspect-ratio:1;fill:none;stroke-linecap:round;width:100%;overflow:visible}.curve__axis{stroke:var(--line);stroke-width:1px}.curve__arm{stroke:var(--ink-3);stroke-width:.75px;stroke-dasharray:2 3}.curve__line{stroke:var(--accent);stroke-width:2px}.curve figcaption{font-size:var(--fs-label);color:var(--ink-3);gap:.2rem;margin-top:.75rem;display:grid}.curve figcaption b{color:var(--ink);overflow-wrap:anywhere;font-weight:500}.curve figcaption .mono{font-size:var(--fs-meta);text-transform:none}.swaps{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.swaps .mono{color:var(--ink-3);margin-right:1rem}.swap{border:1px solid var(--line);border-radius:var(--rad-control);width:3rem;height:3rem;color:var(--ink);cursor:pointer;background:0 0;place-items:center;display:grid;position:relative}.swap svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem;position:absolute}.swap__b,.swap[data-on] .swap__a{opacity:0;scale:.5}.swap[data-on] .swap__b{opacity:1;scale:1}.swap[data-mode=overlap] svg{transition:opacity var(--duration-card) ease, scale var(--duration-card) ease}.swap[data-mode=handoff] svg{transition:opacity var(--duration-tap) var(--ease-in), scale var(--duration-tap) var(--ease-in)}.swap[data-mode=handoff]:not([data-on]) .swap__a,.swap[data-mode=handoff][data-on] .swap__b{transition:opacity var(--duration-tap) var(--ease-quint) 50ms, scale var(--duration-tap) var(--ease-quint) 50ms}.roles__t{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.roles__t th,.roles__t td{border-bottom:1px solid var(--line);text-align:left;padding:.7rem 0;font-weight:400}.roles__t tbody th{font-family:var(--serif);font-size:var(--fs-h5)}.roles__t thead th{color:var(--ink-3)}.roles__sw{vertical-align:middle;border-top:1.5px solid var(--ink-2);border-left:1.5px solid var(--ink-2);border-top-left-radius:var(--r);width:1.5rem;height:1.5rem;margin-right:.75rem;display:inline-block}.nest{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.nest__outer{padding:var(--gap);border-radius:var(--out);background:color-mix(in oklab, var(--ink) 10%, transparent);transition:padding var(--duration-hover) var(--ease-quint), border-radius var(--duration-hover) var(--ease-quint)}.nest__inner{border-radius:var(--in);background:var(--accent);height:3.5rem}.nest figcaption{color:var(--ink-3);text-transform:none;margin-top:.75rem}.nest figcaption b{color:var(--ink);font-weight:400;display:block}.sys__range{gap:.4rem;min-width:10rem;display:grid}.sys__range .mono{color:var(--ink-3);text-transform:none}.sys__range b{color:var(--ink);font-weight:400}.sys__range input,.knob input{appearance:none;cursor:pointer;background:0 0;width:100%;height:1.25rem}.sys__range input::-webkit-slider-runnable-track{background:var(--line);height:2px}.sys__range input::-moz-range-track{background:var(--line);height:2px}.sys__range input::-webkit-slider-thumb{appearance:none;background:var(--accent);border-radius:50%;width:1rem;height:1rem;margin-top:-7px}.sys__range input::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:1rem;height:1rem}.scale{border-top:1px solid var(--line);list-style:none}.scale li{border-bottom:1px solid var(--line);grid-template-columns:3.5rem 8.5rem minmax(0,1fr);align-items:baseline;gap:1rem;padding:.6rem 0;display:grid}.scale__k{color:var(--ink-2);text-transform:none}.scale li.is-role .scale__k{color:var(--accent)}.scale__v{color:var(--ink-3);text-transform:none;font-variant-numeric:tabular-nums}.scale__s{font-family:var(--ff);font-size:var(--fs);line-height:var(--lh);letter-spacing:calc((16px - var(--fs)) * .0012);text-wrap:balance}@media (width<=600px){.scale li{grid-template-columns:3rem 1fr}.scale__s{grid-column:1/-1}}.hov{gap:clamp(1rem,2vw,1.5rem);display:grid}@media (width>=900px){.hov{grid-template-columns:3fr 2fr}}.hov .work__list{margin-inline:-1.25rem}.hov .row{padding-block:1.1rem;padding-inline:1.25rem}.hov .row__name{font-size:var(--fs-h3)}.hov__links{align-content:start;gap:1.5rem;display:grid}.hov__links .contact__socials{justify-content:flex-start}.hov__links .proj__play{justify-self:start;margin-top:0}.hov__note{color:var(--ink-3);margin-top:1rem}.tuner-fab{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:120;border:1px solid var(--line);background:var(--bg-2);width:3rem;height:3rem;color:var(--ink);cursor:pointer;transition:border-color var(--duration-hover) var(--ease-quint), scale var(--duration-tap) var(--ease-quint);border-radius:50%;place-items:center;display:grid;position:fixed}.tuner-fab:hover,.tuner-fab[aria-expanded=true]{border-color:var(--accent)}.tuner-fab:active{scale:.94}.tuner-fab svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:1.25rem;height:1.25rem}.tuner{z-index:130;inset:auto max(1rem, env(safe-area-inset-right)) calc(max(1rem, env(safe-area-inset-bottom)) + 3.75rem) auto;border:1px solid var(--line);border-radius:var(--rad-sheet);background:color-mix(in oklab, var(--bg-2) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(22rem,100vw - 2rem);color:var(--ink);transition:opacity var(--duration-card) var(--ease-quint), translate var(--duration-card) var(--ease-quint), display var(--duration-card) allow-discrete;margin:0;padding:0;display:block;position:fixed;box-shadow:0 24px 60px -20px #000000b3}.tuner[hidden]{opacity:0;transition-timing-function:var(--ease-in);transition-duration:var(--duration-pop);display:none;translate:0 .5rem}@starting-style{.tuner:not([hidden]){opacity:0;translate:0 .5rem}}[data-theme=light] .tuner{box-shadow:0 24px 60px -24px #3c28144d}.tuner__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.9rem .9rem .9rem 1.25rem;display:flex}.tuner__head h2{font-size:var(--fs-base);font-weight:500}.tuner__x{border-radius:var(--rad-control);width:2rem;height:2rem;color:var(--ink-2);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.tuner__x:hover{background:color-mix(in oklab, var(--ink) 8%, transparent);color:var(--ink)}.tuner__x svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:.75rem;height:.75rem}.tuner__body{gap:.9rem;padding:1.1rem 1.25rem 1.25rem;display:grid}.knob{gap:.4rem;display:grid}.knob>span{font-size:var(--fs-sm);color:var(--ink-2);justify-content:space-between;display:flex}.knob output{font-family:var(--mono);font-size:var(--fs-micro);color:var(--ink-3);font-variant-numeric:tabular-nums}.knob input::-webkit-slider-runnable-track{border-radius:var(--rad-pill);background:var(--track);height:.5rem;box-shadow:inset 0 0 0 1px #ffffff0f}.knob input::-moz-range-track{border-radius:var(--rad-pill);background:var(--track);height:.5rem}.knob input::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink-2);background:var(--bg);width:1.25rem;height:1.25rem;transition:scale var(--duration-tap) var(--ease-quint);border-radius:50%;margin-top:-.375rem}.knob input::-moz-range-thumb{border:2px solid var(--ink-2);background:var(--bg);border-radius:50%;width:1rem;height:1rem}.knob input:active::-webkit-slider-thumb{scale:1.1}.knob--hue{--track:linear-gradient(to right, oklch(62% .13 0), oklch(62% .13 60), oklch(62% .13 120), oklch(62% .13 180), oklch(62% .13 240), oklch(62% .13 300), oklch(62% .13 360))}.knob--sat{--track:linear-gradient(to right, oklch(.4 0 var(--hue)), oklch(.5 .12 var(--hue)))}.knob--bri{--track:linear-gradient(to right, oklch(12% 0 0), oklch(75% 0 0))}.tuner__foot{gap:1.5rem;padding:0 1.25rem 1rem;display:flex}.tuner__foot .sys__btn{font-size:var(--fs-body);padding-block:.6rem}.stack{margin-inline:calc(var(--gutter) * -1);border-top:1px solid var(--line);list-style:none}.stack__row{padding:clamp(1.4rem, 3vh, 2rem) var(--gutter);border-bottom:1px solid var(--line);grid-template-columns:9rem minmax(0,22rem) minmax(0,1fr);align-items:baseline;gap:.75rem clamp(1rem,3vw,3rem);display:grid}.stack__k{color:var(--ink-3)}.stack__name{font-family:var(--serif);font-variation-settings:"opsz" 60;font-weight:400;font-size:var(--fs-h4);letter-spacing:-.02em;line-height:1.1}.stack__row p{max-width:60ch;color:var(--ink-2);text-wrap:pretty}@media (width<=900px){.stack__row{grid-template-columns:1fr}}.swap-label{display:inline-grid}.swap-label>span{transition:opacity var(--duration-tap) var(--ease-in), translate var(--duration-tap) var(--ease-in);grid-area:1/1}.swap-label__b{opacity:0;translate:0 .4rem}.swap-label[data-state=done] .swap-label__a{opacity:0;translate:0 -.4rem}.swap-label[data-state=done] .swap-label__b,.swap-label:not([data-state]) .swap-label__a{opacity:1;transition-timing-function:var(--ease-quint);transition-delay:50ms;translate:0}@media (width<=600px){.tuner{inset:auto 1rem calc(max(1rem, env(safe-area-inset-bottom)) + 3.75rem) 1rem;width:auto}.curves{grid-template-columns:1fr;max-width:14rem}.nest{grid-template-columns:1fr}}