:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0e1111;--bone:#f4f1ea;--paper:#fbf8f1;--oxide:#b44a2a;--oxide-light:#dd7b54;--blue:#225c7e;--muted:#666c68;--line:#0e111129;--grid:#0e11110d;--content:1480px;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bone)}body{min-width:0;color:var(--ink);background:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px), var(--bone);background-size:72px 72px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}::selection{color:var(--ink);background:#b44a2a38}:focus-visible{outline:3px solid var(--oxide-light);outline-offset:3px}.skip-link{z-index:100;color:var(--paper);background:var(--ink);padding:12px 16px;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;min-height:76px;color:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1111f2;border-bottom:1px solid #ffffff24;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,64px);display:grid;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;font-size:.92rem;font-weight:760;text-decoration:none;display:inline-flex}.brand img{display:block}.site-header nav{align-items:center;gap:clamp(18px,3vw,42px);display:flex}.site-header nav a,.header-link{color:#fbf8f1b8;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:650;text-decoration:none;transition:color .16s;position:relative}.site-header nav a:hover,.header-link:hover{color:var(--paper)}.header-link{justify-self:end}main{overflow:clip}.hero{min-height:calc(100svh - 76px);max-width:var(--content);border-inline:1px solid var(--line);grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr);margin:0 auto;display:grid}.hero-copy{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:clamp(70px,9vw,138px) clamp(28px,6vw,92px);display:flex}.eyebrow{color:var(--oxide);letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font-size:.72rem;font-weight:800;line-height:1.4}h1,h2,h3,p{text-wrap:pretty}h1{letter-spacing:-.075em;max-width:750px;margin:0;font-size:clamp(4.2rem,8.6vw,8.9rem);font-weight:760;line-height:.84}h1 span{color:var(--oxide)}.hero-intro{max-width:570px;color:var(--muted);margin:clamp(28px,5vw,54px) 0 0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px 34px;margin-top:42px;display:flex}.button{justify-content:space-between;align-items:center;gap:38px;min-width:230px;padding:18px 20px;font-size:.86rem;font-weight:760;text-decoration:none;display:inline-flex}.button-primary{color:var(--paper);background:var(--ink);border:1px solid var(--ink);transition:color .18s,background .18s}.button-primary:hover{color:var(--ink);background:0 0}.text-link{text-underline-offset:7px;padding-block:10px;font-size:.9rem;font-weight:720;text-decoration-thickness:1px}.hero-object{min-height:680px;color:var(--paper);background:var(--ink);position:relative;overflow:hidden}.hero-object svg{width:92%;max-height:78%;color:var(--paper);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-axis{stroke:#fbf8f152;stroke-width:1.5px}.hero-centerline{stroke:#fbf8f129;stroke-dasharray:5 9;stroke-width:1px}.hero-bars rect{fill:#225c7e47;stroke:#65a3c4;stroke-width:1.2px}.hero-curve{fill:none;stroke:var(--oxide-light);stroke-linecap:round;stroke-width:5px;filter:drop-shadow(0 0 18px #dd7b5452)}.hero-index{z-index:1;color:var(--oxide-light);font-family:Georgia,serif;font-size:clamp(5rem,9vw,10rem);line-height:1;position:absolute;top:42px;left:48px}.hero-measure{flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:absolute;bottom:82px;right:clamp(24px,5vw,72px)}.hero-measure span{color:#fbf8f185;letter-spacing:.17em;font-size:.66rem;font-weight:800}.hero-measure strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(1.6rem,3vw,3rem);font-weight:500}.hero-caption{color:#fbf8f185;font-size:.77rem;position:absolute;bottom:34px;left:48px}.workbench-section{background:var(--paper);border-top:1px solid var(--line);padding:clamp(90px,11vw,176px) clamp(20px,5vw,72px)}.section-heading{max-width:var(--content);grid-template-columns:1fr minmax(220px,.38fr);align-items:end;gap:24px;margin:0 auto 56px;display:grid}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.section-heading h2,.build-notes h2,.credits h2{letter-spacing:-.065em;margin:0;font-size:clamp(3rem,6vw,6.8rem);font-weight:740;line-height:.92}.section-heading>p:last-child{color:var(--muted);margin:0 0 6px;line-height:1.65}.workbench{max-width:var(--content);background:var(--paper);border:1px solid var(--ink);grid-template-columns:320px minmax(0,1fr);margin:0 auto;display:grid;box-shadow:18px 18px #b44a2a1f}.controls{background:var(--bone);border-right:1px solid var(--ink);grid-row:1/span 2;padding:28px}.control-intro{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:24px}.control-intro span{color:var(--oxide);letter-spacing:.15em;font-size:.68rem;font-weight:820}.control-intro p{color:var(--muted);margin:10px 0 0;font-size:.83rem;line-height:1.5}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.field{gap:8px;margin-bottom:18px;display:grid}.field>span,.presets legend{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:780}.field input{min-width:0;height:46px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:0;padding:0 12px;transition:border-color .16s,box-shadow .16s}.field input:hover,.field input:focus{border-color:var(--ink)}.field-formula input{height:58px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem}.presets{border:0;flex-wrap:wrap;gap:7px;margin:0 0 20px;padding:0;display:flex}.presets legend{width:100%;margin-bottom:8px}.preset{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;padding:7px 9px}.preset:hover,.preset.is-active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.range-field>span{justify-content:space-between;display:flex}.range-field output{color:var(--oxide);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.range-field input{height:26px;accent-color:var(--oxide);background:0 0;border:0;padding:0}.syntax-note{border-top:1px solid var(--line);gap:8px;margin-top:5px;padding-top:20px;display:grid}.syntax-note span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:760}.syntax-note code{color:var(--muted);font-size:.73rem;line-height:1.5}.visualizer{background:var(--paper);min-width:0;padding:18px 18px 12px}.plot-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:40px;margin-bottom:10px;display:flex}.plot-legend{color:var(--muted);text-transform:uppercase;flex-wrap:wrap;gap:16px;font-size:.69rem;font-weight:700;display:flex}.plot-legend span{align-items:center;gap:7px;display:inline-flex}.plot-legend i{width:18px;height:8px;display:inline-block}.legend-line{background:var(--ink);height:2px!important}.legend-rect{border:1px solid var(--blue);background:#225c7e38}.legend-trap{border-top:1px solid var(--oxide);background:#b44a2a38}.zoom-controls{display:flex}.zoom-controls button{min-width:36px;height:32px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-right:0;padding:0 10px}.zoom-controls button:last-child{border-right:1px solid var(--line)}.zoom-controls button:hover{color:var(--paper);background:var(--ink)}.canvas-wrap{border:1px solid var(--line);height:clamp(410px,53vw,650px);min-height:360px;position:relative;overflow:hidden}#plot{touch-action:pan-y;width:100%;height:100%;display:block}.equation-chip{max-width:min(70%,420px);color:var(--paper);text-overflow:ellipsis;white-space:nowrap;background:#0e1111e0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.73rem;position:absolute;top:14px;right:14px;overflow:hidden}.status{min-height:20px;color:var(--muted);margin:10px 2px 0;font-size:.76rem}.status.is-error{color:var(--oxide);font-weight:700}.results{border-top:1px solid var(--ink);grid-column:2;grid-template-columns:repeat(3,1fr);display:grid}.results article{border-right:1px solid var(--line);gap:8px;min-width:0;padding:20px;display:grid}.results article:last-child{border-right:0}.results span,.results small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.67rem;font-weight:720}.results strong{text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(1.05rem,2vw,1.55rem);font-weight:600;overflow:hidden}.result-reference{color:var(--paper);background:var(--ink)}.result-reference span,.result-reference small{color:#fbf8f194}.method-strip{max-width:var(--content);background:var(--bone);border-inline:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.method-strip article{border-right:1px solid var(--line);min-height:330px;padding:clamp(32px,5vw,70px)}.method-strip article:last-child{border-right:0}.method-strip article>span{color:var(--oxide);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem}.method-strip h3{letter-spacing:-.05em;margin:72px 0 16px;font-size:clamp(1.8rem,3vw,3.2rem)}.method-strip p{max-width:340px;color:var(--muted);margin:0;line-height:1.65}.build-notes{max-width:var(--content);color:var(--paper);background:var(--ink);grid-template-columns:.95fr 1.05fr;margin:0 auto;display:grid}.notes-lead,.notes-copy{padding:clamp(70px,9vw,132px) clamp(30px,7vw,104px)}.notes-lead{border-right:1px solid #ffffff29}.notes-lead h2 span{color:var(--oxide-light)}.large-copy{margin:0 0 54px;font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.45}.notes-copy dl{margin:0}.notes-copy dl div{border-top:1px solid #ffffff29;grid-template-columns:100px 1fr;gap:18px;padding:18px 0;display:grid}.notes-copy dt{color:var(--oxide-light);letter-spacing:.08em;text-transform:uppercase;font-size:.73rem;font-weight:800}.notes-copy dd{color:#fbf8f1ad;margin:0;line-height:1.55}.credits{max-width:var(--content);background:var(--bone);border-inline:1px solid var(--line);grid-template-columns:1fr .75fr;gap:clamp(48px,8vw,130px);margin:0 auto;padding:clamp(90px,12vw,180px) clamp(28px,8vw,120px);display:grid}.credits>div:last-child{align-self:end}.credits>div:last-child p{color:var(--muted);line-height:1.75}.credits code{color:var(--ink)}footer{min-height:120px;color:var(--paper);background:var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;padding:28px clamp(24px,5vw,72px);display:grid}footer p{color:#fbf8f17a;font-size:.8rem}footer>a:last-child{text-underline-offset:6px;justify-self:end;font-size:.8rem;font-weight:700}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}@media (max-width:1100px){.hero{grid-template-columns:1fr}.hero-copy{border-right:0;border-bottom:1px solid var(--line);min-height:680px}.hero-object{min-height:620px}.workbench{grid-template-columns:280px minmax(0,1fr)}.controls{padding:22px}.results{grid-template-columns:1fr}.results article{border-right:0;border-bottom:1px solid var(--line)}.results article:last-child{border-bottom:0}}@media (max-width:820px){body{background-size:44px 44px}.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero-copy{min-height:calc(100svh - 76px)}.hero-object{min-height:520px}.section-heading{grid-template-columns:1fr}.workbench{grid-template-columns:1fr;box-shadow:10px 10px #b44a2a1f}.controls{border-right:0;border-bottom:1px solid var(--ink);grid-row:auto}.visualizer{padding:12px}.results{grid-column:1;grid-template-columns:repeat(3,1fr)}.results article{border-right:1px solid var(--line);border-bottom:0}.method-strip,.build-notes,.credits{grid-template-columns:1fr}.method-strip article{border-right:0;border-bottom:1px solid var(--line);min-height:250px}.method-strip article:last-child{border-bottom:0}.method-strip h3{margin-top:38px}.notes-lead{border-bottom:1px solid #ffffff29;border-right:0}footer{grid-template-columns:1fr auto}footer p{display:none}}@media (max-width:560px){.site-header{min-height:68px;padding-inline:16px}.brand img{width:36px;height:36px}.brand span{font-size:.82rem}.header-link{font-size:.68rem}.hero-copy{min-height:calc(100svh - 68px);padding:72px 22px 56px}h1{font-size:clamp(3.7rem,19vw,5.8rem)}.hero-actions{align-items:stretch}.button,.text-link{width:100%}.hero-object{min-height:430px}.hero-index{top:24px;left:24px}.hero-caption{bottom:22px;left:24px}.hero-measure{bottom:68px;right:22px}.workbench-section{padding-inline:12px}.section-heading{padding-inline:10px}.section-heading h2,.build-notes h2,.credits h2{font-size:clamp(2.8rem,15vw,4.8rem)}.controls{padding:20px}.field-row{grid-template-columns:1fr;gap:0}.plot-toolbar{align-items:flex-start}.plot-legend{gap:8px 12px}.canvas-wrap{height:400px;min-height:400px}.equation-chip{max-width:80%}.results{grid-template-columns:1fr}.results article{border-right:0;border-bottom:1px solid var(--line)}.notes-copy dl div{grid-template-columns:1fr;gap:8px}.credits{padding-inline:24px}footer{min-height:104px;padding-inline:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}