:root{--grey-100:#e4e8ed;--grey-200:#b5c1cf;--grey-300:#8b9bac;--grey-400:#697683;--grey-500:#49535c;--grey-600:#2c3238;--grey-700:#111417;--paper:#fff;--paper-2:var(--grey-100);--surface:#fff;--ink:var(--grey-700);--ink-2:var(--grey-500);--ink-3:var(--grey-400);--ink-faint:var(--grey-300);--line:var(--grey-200);--line-2:var(--grey-300);--line-ink:var(--grey-200);--dot:var(--grey-200);--blue:#06f;--blue-ink:#0047b8;--blue-deep:#003d9e;--blue-soft:#e8efff;--on-blue:#fff;--blue-text:var(--blue);--accent:#ffa100;--accent-ink:#a66600;--on-accent:#fff;--font-head:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--t-display:clamp(2.5rem, 5.6vw, 4.75rem);--t-h2:clamp(1.875rem, 3.8vw, 3rem);--t-h3:clamp(1.1875rem, 1.8vw, 1.5rem);--t-body:1.0625rem;--t-sm:.9375rem;--t-label:.6875rem;--track-label:.14em;--track-display:-.038em;--s1:.5rem;--s2:1rem;--s3:1.5rem;--s4:2rem;--s5:3rem;--s6:4.5rem;--s7:7rem;--pad-x:40px;--content-max:1480px;--hair:1px;--radius:0px;--dur-press:.12s;--dur-tactile:.18s;--dur-overlay:.24s;--dur-enter:.32s;--dur-settle:.48s;--dur-draw:.9s;--dur-wipe:.56s;--ease-soft:cubic-bezier(.25, .6, .2, 1);--ease-firm:cubic-bezier(.32, .72, 0, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");color-scheme:light}@media (width<=860px){:root{--pad-x:20px}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--t-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}::selection{background:var(--blue);color:var(--on-blue)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}body:after{content:"";z-index:60;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:var(--grain);background-size:160px 160px;position:fixed;inset:0}.frame{z-index:0;pointer-events:none;position:fixed;inset:0}.frame:before,.frame:after{content:"";width:var(--hair);background:var(--line);position:absolute;top:0;bottom:0}.frame:before{left:var(--pad-x)}.frame:after{right:var(--pad-x)}.wrap{z-index:1;max-width:var(--content-max);padding-inline:calc(var(--pad-x) + var(--s4));margin-inline:auto;position:relative}@media (width<=860px){.wrap{padding-inline:var(--pad-x)}}.display{font-family:var(--font-head);font-weight:700;font-size:var(--t-display);letter-spacing:var(--track-display);text-wrap:balance;line-height:.94}h2.display{font-size:var(--t-h2);line-height:.98}h3.display{font-size:var(--t-h3);letter-spacing:-.015em;line-height:1.12}.display em{color:var(--blue);font-style:normal}.label,.eyebrow{font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-3);font-weight:500;line-height:1}.label-blue{color:var(--blue-text)}.lede{color:var(--ink-2);max-width:46ch;font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.5}.body-copy{color:var(--ink-2);max-width:62ch}.link{color:var(--blue-text);border-bottom:var(--hair) solid currentColor;transition:color var(--dur-tactile) var(--ease-soft);padding-bottom:1px;font-weight:500}.link:hover{color:var(--blue-deep)}.skip-link{z-index:999;background:var(--ink);color:var(--paper);padding:var(--s2) var(--s3);font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--pad-x);top:var(--s2)}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.btn{border:var(--hair) solid var(--line-ink);font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);border-radius:var(--radius);min-height:46px;transition:background var(--dur-tactile) var(--ease-soft), border-color var(--dur-tactile) var(--ease-soft);grid-template-columns:1fr auto;align-items:stretch;display:inline-grid}.btn>.t{padding:0 var(--s3);place-items:center;display:grid}.btn>.c{border-left:var(--hair) solid currentColor;place-items:center;width:46px;display:grid;position:relative;overflow:hidden}.btn>.c span,.btn>.c:after{transition:transform var(--dur-tactile) var(--ease-firm)}.btn>.c:after{content:"→";place-items:center;display:grid;position:absolute;inset:0;transform:translate(-46px)}.btn:hover>.c span{transform:translate(46px)}.btn:hover>.c:after{transform:translate(0)}.btn:active{transform:translateY(1px)}.btn-blue{background:var(--blue);color:var(--on-blue);border-color:var(--blue)}.btn-blue:hover{background:var(--blue-deep);border-color:var(--blue-deep)}.btn-ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--paper-2)}.crop{isolation:isolate;position:relative}.crop:before{content:"";border:var(--hair) dashed var(--blue);opacity:0;transition:opacity var(--dur-tactile) var(--ease-soft), inset var(--dur-tactile) var(--ease-firm);pointer-events:none;z-index:2;position:absolute;inset:-10px}.crop:hover:before,.crop:focus-within:before{opacity:1;inset:-6px}.crop:after{content:"";opacity:0;transition:opacity var(--dur-tactile) var(--ease-soft);pointer-events:none;z-index:3;background-image:linear-gradient(var(--blue), var(--blue)), linear-gradient(var(--blue), var(--blue)), linear-gradient(var(--blue), var(--blue)), linear-gradient(var(--blue), var(--blue));background-position:-3px -3px,right -3px top -3px,left -3px bottom -3px,right -3px bottom -3px;background-repeat:no-repeat;background-size:6px 6px;position:absolute;inset:-6px}.crop:hover:after,.crop:focus-within:after{opacity:1}.panel{background:var(--surface);border:var(--hair) solid var(--line-ink);padding:var(--s4)}.panel-blue{background:var(--blue);color:var(--on-blue);padding:var(--s5);border:0;position:relative;overflow:hidden}.panel-blue:before{content:"";background-image:var(--grain);opacity:.12;mix-blend-mode:overlay;pointer-events:none;background-size:140px 140px;position:absolute;inset:0}.panel-blue .label,.panel-blue .eyebrow{color:#fff}.cropmarks{z-index:3;pointer-events:none;opacity:.9;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:7px 7px;position:absolute;inset:14px}.spec{border-top:var(--hair) solid var(--line);gap:0;display:grid}.spec>div{gap:var(--s3);padding-block:var(--s2);padding-inline:var(--s4);border-bottom:var(--hair) solid var(--line);grid-template-columns:128px 1fr;align-items:baseline;display:grid}.spec dt{font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-3)}.spec dd{font-size:var(--t-sm);color:var(--ink)}@media (width<=560px){.spec>div{gap:var(--s1);grid-template-columns:1fr}}.section-bar{padding-block:var(--s3);justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex;position:relative}.section-bar:before,.section-bar:after{content:"";width:100%;height:var(--hair);background:var(--line-ink);transform-origin:0;position:absolute;left:0}.section-bar:before{top:0}.section-bar:after{bottom:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.section-bar:before,.section-bar:after{animation:draw-rule 1ms var(--ease-firm) both;animation-timeline:view();animation-range:entry 8% cover 32%}}}@keyframes draw-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.section-bar .name{font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink)}.section-bar .counter{color:var(--accent-ink)}@media (prefers-reduced-motion:reduce){.btn>.c span,.btn>.c:after,.crop:before,.crop:after{transition-duration:1ms}}.figure{position:relative}.figure__frame{border:var(--hair) solid var(--line-ink);background:var(--paper-2);position:relative;overflow:hidden}.figure__frame img{width:100%;height:auto;display:block}.figure__frame--bare{background:0 0;border:0}.figure__caption{margin-top:var(--s1);justify-content:space-between;gap:var(--s2);font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:var(--track-label);color:var(--ink-3);display:flex}.figure__caption .figure__index{color:var(--accent-ink)}.figure--hero .figure__frame:after{content:"";z-index:3;pointer-events:none;background-image:linear-gradient(var(--blue), var(--blue)), linear-gradient(var(--blue), var(--blue)), linear-gradient(var(--blue), var(--blue)), linear-gradient(var(--blue), var(--blue));opacity:.55;background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:8px 8px;position:absolute;inset:14px}.figure-pair{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.figure-pair__item{min-width:0}.figure-pair__item .figure__caption{justify-content:flex-start;gap:var(--s1)}.figure-pair__tag{margin-bottom:var(--s1);font-weight:500;display:block}.figure-pair__item--before .figure-pair__tag{color:var(--ink-3)}.figure-pair__item--after .figure-pair__tag{color:var(--blue-ink)}@media (width<=700px){.figure-pair{grid-template-columns:1fr}}.schematic{aspect-ratio:4/3;background:var(--paper-2);width:100%;padding:var(--s3);place-items:center;display:grid}.schematic svg{width:100%;height:100%}.mobile-frame{border:var(--hair) solid var(--line-ink);background:var(--paper);width:min(100%,240px);margin-inline:auto;position:relative}.mobile-frame:before{content:"";border-bottom:var(--hair) solid var(--line);background:var(--paper-2);height:14px;display:block}.mobile-frame img{width:100%;height:auto;display:block}.mobile-frame-row{gap:var(--s4);flex-wrap:wrap;justify-content:center;display:flex}.deck{position:relative}.slide{min-height:100svh;padding-block:var(--s6);flex-direction:column;justify-content:center;display:flex;position:relative}.slide+.slide{border-top:var(--hair) solid var(--line)}.js .deck{height:100svh;overflow:hidden}.js .slide{opacity:0;min-height:0;transition:opacity var(--dur-enter) var(--ease-soft), transform var(--dur-enter) var(--ease-firm);pointer-events:none;border-top:none;position:absolute;inset:0;overflow-y:auto;transform:translate(24px)}.js .slide.is-active{opacity:1;pointer-events:auto;z-index:2;transform:translate(0)}.js .slide.is-prev{transform:translate(-24px)}@media (prefers-reduced-motion:reduce){.js .slide{transition:none;transform:none}}.slide__inner{z-index:1;position:relative}.slide__beat-label{color:var(--accent-ink);margin-bottom:var(--s2)}.slide--title .slide__inner{max-width:62ch}.slide--title .slide__heading{margin-block:var(--s3) var(--s4)}.slide--title .slide__lede{margin-bottom:var(--s5)}.slide--title .slide__meta{gap:var(--s4);flex-wrap:wrap;display:flex}.slide--title .slide__meta dt{font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-3);margin-bottom:4px}.slide--title .slide__meta dd{font-size:var(--t-sm);color:var(--ink)}.slide--statement .slide__inner{max-width:46ch}.slide--statement .slide__heading{margin-block:var(--s3) var(--s4)}.slide--full-image .wrap{width:100%}.slide--full-image .figure{max-width:1100px;margin-inline:auto}.slide--full-image .figure__frame{width:fit-content;margin-inline:auto}.slide--full-image .figure__frame img{object-fit:contain;width:auto;max-width:100%;height:min(66svh,620px);margin-inline:auto}.slide--image-text .wrap{width:100%}.slide--image-text .slide__body{gap:var(--s6);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;display:grid}.slide--image-text .slide__prose{max-width:42ch}.slide--image-text .slide__prose>p+p{margin-top:var(--s2)}.slide--image-text .figure__frame img{object-fit:contain;max-height:56svh}@media (width<=1100px){.slide--image-text .slide__body{gap:var(--s3);grid-template-columns:1fr}.slide--image-text .slide__prose{max-width:62ch}}.slide--compare .wrap{width:100%}.slide--compare .figure-pair{max-width:1100px;margin-inline:auto}.slide--compare .figure__frame img{object-fit:contain;max-height:44svh}.slide--compare .schematic{max-height:44svh}.slide--mobile .wrap{width:100%}.slide--mobile .mobile-frame-row{align-items:flex-start}.slide--mobile .mobile-frame{max-height:62svh;overflow:hidden}.slide--mobile .mobile-frame img{height:auto}.slide--spec .wrap{width:100%}.slide--spec .slide__heading{margin-bottom:var(--s4)}.tech-panel__grid{border-top:var(--hair) solid var(--line);border-left:var(--hair) solid var(--line);grid-template-columns:repeat(3,1fr);max-width:1100px;display:grid}.tech-panel__cell{border-right:var(--hair) solid var(--line);border-bottom:var(--hair) solid var(--line);padding:var(--s3)}.tech-panel__cell dt{font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-3);margin-bottom:var(--s1)}.tech-panel__cell dd{font-size:var(--t-sm);color:var(--ink)}@media (width<=900px){.tech-panel__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.tech-panel__grid{grid-template-columns:1fr}}.slide--end .slide__inner{max-width:46ch}.slide--end .slide__heading{margin-block:var(--s3) var(--s4)}.progress-rail{z-index:70;background:var(--paper-2);height:3px;position:fixed;top:0;left:0;right:0}.progress-rail__bar{height:100%;width:calc(100% / var(--slide-total,17));background:var(--blue);transform-origin:0;transition:width var(--dur-tactile) var(--ease-soft)}@media (prefers-reduced-motion:reduce){.progress-rail__bar{transition:none}}.progress-readout{top:var(--s2);right:var(--pad-x);z-index:70;font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:var(--track-label);color:var(--ink-3);background:var(--paper);border:var(--hair) solid var(--line);padding:2px 6px;position:fixed}.progress-readout strong{color:var(--ink);font-weight:500}.deck-controls{z-index:70;border-top:var(--hair) solid var(--line-ink);background:var(--paper);justify-content:space-between;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.deck-controls__group{display:flex}.deck-controls button{min-width:46px;min-height:44px;font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:var(--track-label);border-left:var(--hair) solid var(--line);color:var(--ink);transition:background var(--dur-tactile) var(--ease-soft);place-items:center;display:grid}.deck-controls button:first-child{border-left:none}.deck-controls button:hover:not(:disabled){background:var(--paper-2)}.deck-controls button:disabled{color:var(--ink-faint);cursor:not-allowed}.deck-controls__prev,.deck-controls__next{padding-inline:var(--s3);text-transform:uppercase}.deck-controls{display:none}.js .deck-controls{display:flex}.progress-rail,.progress-readout{display:none}.js .progress-rail,.js .progress-readout{display:block}.site-footer{border-top:var(--hair) solid var(--line);padding-block:var(--s4)}.site-footer .wrap{justify-content:space-between;gap:var(--s3);font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-3);flex-wrap:wrap;display:flex}.js .site-footer{display:none}.beat-index{right:var(--pad-x);z-index:70;border:var(--hair) solid var(--line-ink);background:var(--paper);flex-direction:column;gap:2px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.beat-index__item{width:44px;height:44px;font-family:var(--font-mono);letter-spacing:var(--track-label);color:var(--ink-3);border-bottom:var(--hair) solid var(--line);transition:background var(--dur-tactile) var(--ease-soft), color var(--dur-tactile) var(--ease-soft);place-items:center;font-size:10px;display:grid}.beat-index__item:last-child{border-bottom:none}.beat-index__item:hover{background:var(--paper-2);color:var(--ink)}.beat-index__item[aria-current=true]{background:var(--blue);color:var(--on-blue);box-shadow:inset 3px 0 0 var(--blue-deep)}@media (width<=1100px){.beat-index{right:12px}}@media (width<=700px){.beat-index{border-inline:0;border-bottom:var(--hair) solid var(--line-ink);flex-direction:row;justify-content:stretch;width:100%;inset:auto 0 0;transform:none}.js .beat-index{bottom:44px}.beat-index__item{border-bottom:none;border-right:var(--hair) solid var(--line);flex:1;width:auto;height:44px}.beat-index__item:last-child{border-right:none}}