@font-face{font-family:CS Claire Mono Drawn;src:url(/fonts/cs-claire-mono-drawn-400-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:CS Claire Mono Drawn;src:url(/fonts/cs-claire-mono-drawn-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.section-page--physical .keyword-echo{z-index:0;color:var(--sp-accent);white-space:nowrap;opacity:.42;pointer-events:none;user-select:none;font-family:CS Claire Mono Drawn,IBM Plex Mono,Consolas,SF Mono,monospace;font-size:clamp(2.4rem,7vw,5.5rem);line-height:.9;position:absolute}.section-page--physical .physical-story--keyworded{position:relative}.section-page--physical .keyword-echo--above{font-size:clamp(2rem,5vw,4rem);bottom:calc(100% + 1.5rem);right:0}.section-page--physical .keyword-echo--below{font-size:clamp(1.6rem,3.4vw,2.8rem);top:calc(100% + .9rem);left:0}.section-page--physical .physical-story-kicker,.section-page--physical .physical-media-type,.section-page--physical .physical-media-frame figcaption>span{color:var(--sp-accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:IBM Plex Mono,Consolas,SF Mono,monospace;font-size:.72rem;font-weight:500;line-height:1.35}.section-page--physical .physical-story-copy>p:not(.physical-story-kicker){color:var(--sp-muted);text-wrap:pretty;margin:0;font-family:Prox Variable,Segoe UI,Roboto,Helvetica,sans-serif;font-size:clamp(1rem,.2vw + .96rem,1.14rem);line-height:1.66}.section-page--physical .physical-story-list{gap:clamp(2.5rem,6vw,5rem);display:grid}.section-page--physical .physical-story{grid-template-columns:minmax(15rem,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(1.5rem,5vw,5rem);display:grid}.section-page--physical .physical-story--reverse .physical-media-frame,.section-page--physical .physical-story--reverse>.physical-feed{order:2}.section-page--physical .physical-feed{min-width:0;display:grid}.section-page--physical .physical-feed .physical-media-frame{width:100%}.section-page--physical .physical-story--compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(100%,64rem);margin-inline:auto}.section-page--physical .physical-story--wide{grid-template-columns:minmax(15rem,.6fr) minmax(0,1.4fr)}.section-page--physical .physical-media-visual--board{padding:clamp(.75rem,2vw,1.5rem)}.section-page--physical .physical-media-visual--board svg{width:100%;height:auto;display:block}.section-page--physical .physical-media-visual--board:after{display:none}.section-page--physical .physical-story-copy{border:1px solid var(--sp-line);background:var(--sp-ground);align-content:center;gap:.9rem;max-width:48ch;padding:clamp(1.15rem,2.4vw,1.8rem);display:grid}.section-page--physical .physical-story-copy h3{color:var(--sp-ink);font-family:var(--sp-display);font-variation-settings:var(--sp-display-axes);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.55rem,2.7vw,2.45rem);font-weight:600;line-height:1.08}.section-page--physical .physical-chip-list{flex-wrap:wrap;gap:.45rem;margin:.2rem 0 0;padding:0;list-style:none;display:flex}.section-page--physical .physical-chip-list li{border:1px solid rgba(var(--sp-accent-rgb), .32);color:var(--sp-muted);padding:.4rem .55rem;font-family:IBM Plex Mono,Consolas,SF Mono,monospace;font-size:.75rem;line-height:1}.section-page--physical .physical-media-frame{align-content:start;gap:.75rem;min-width:0;margin:0;display:grid}.section-page--physical .physical-media-visual{border:1px solid rgba(var(--sp-accent-rgb), .3);background:#080a09;position:relative;overflow:hidden}.section-page--physical .physical-media-visual:after{--corner:rgba(var(--sp-accent-rgb), .54);--arm:2.4rem;content:"";z-index:2;background:linear-gradient(var(--corner), var(--corner)) top left/var(--arm) 1px, linear-gradient(var(--corner), var(--corner)) top left/1px var(--arm), linear-gradient(var(--corner), var(--corner)) top right/var(--arm) 1px, linear-gradient(var(--corner), var(--corner)) top right/1px var(--arm), linear-gradient(var(--corner), var(--corner)) bottom left/var(--arm) 1px, linear-gradient(var(--corner), var(--corner)) bottom left/1px var(--arm), linear-gradient(var(--corner), var(--corner)) bottom right/var(--arm) 1px, linear-gradient(var(--corner), var(--corner)) bottom right/1px var(--arm);opacity:.72;pointer-events:none;background-repeat:no-repeat;position:absolute;inset:.65rem}.section-page--physical .physical-media-frame--landscape .physical-media-visual{aspect-ratio:4/3}.section-page--physical .physical-media-frame--square .physical-media-visual{aspect-ratio:1}.section-page--physical .physical-media-frame--portrait .physical-media-visual{aspect-ratio:4/5}.section-page--physical .physical-media-visual img{object-fit:cover;width:100%;height:100%;display:block}.section-page--physical .physical-media-frame--photo .physical-media-visual.is-placeholder{background:#080a09}.section-page--physical .physical-media-frame--photo .physical-media-visual.is-placeholder:before{content:"";border:1px solid rgba(var(--sp-accent-rgb), .2);pointer-events:none;position:absolute;inset:.85rem}.section-page--physical .physical-media-frame--model .physical-media-visual{background:0 0;border:0;overflow:visible}.section-page--physical .physical-media-frame--model.physical-media-frame--landscape .physical-media-visual{aspect-ratio:16/9}.section-page--physical .physical-media-frame--model.physical-media-frame--square .physical-media-visual{aspect-ratio:5/4}.section-page--physical .physical-media-frame--model .physical-media-visual:before,.section-page--physical .physical-media-frame--model .physical-media-visual:after{display:none}.section-page--physical .physical-model-stage{perspective:48rem;place-items:center;display:grid;position:absolute;inset:0}.section-page--physical .physical-model-floor{border:1px solid rgba(var(--sp-accent-rgb), .26);border-radius:50%;width:min(72%,22rem);height:16%;position:absolute;bottom:16%;left:50%;transform:translate(-50%)rotateX(70deg)}.section-page--physical .physical-media-placeholder{z-index:1;text-align:center;place-content:center;justify-items:center;gap:.55rem;padding:1.5rem;display:grid;position:absolute;inset:0}.section-page--physical .physical-media-placeholder>strong{max-width:18ch;color:var(--sp-ink);font-family:Prox Variable,Segoe UI,Roboto,Helvetica,sans-serif;font-size:clamp(1.15rem,2vw,1.7rem);font-weight:650;line-height:1.1}.section-page--physical .physical-media-placeholder>small{color:var(--sp-faint);font-family:IBM Plex Mono,Consolas,SF Mono,monospace;font-size:.72rem}.section-page--physical .physical-model-object{--model-rotate-x:58deg;--model-rotate-z:-27deg;aspect-ratio:1.72;border:1px solid rgba(var(--sp-accent-rgb), .75);background:linear-gradient(135deg, rgba(var(--sp-accent-rgb), .22), transparent 43%), linear-gradient(90deg, transparent 49.5%, rgba(var(--sp-accent-rgb), .12) 50%, transparent 50.5%), #101410;width:min(76%,20rem);box-shadow:.3rem .35rem 0 rgba(var(--sp-accent-rgb), .16), .65rem .7rem 0 #000000a6, 0 2rem 3rem #0000006b;transform-style:preserve-3d;transform:rotateX(var(--model-rotate-x)) rotateZ(var(--model-rotate-z));border-radius:.45rem;animation:9s ease-in-out infinite physical-model-drift;display:block;position:relative}.section-page--physical .physical-model-object:before,.section-page--physical .physical-model-object:after{content:"";pointer-events:none;position:absolute}.section-page--physical .physical-model-object:before{border:1px solid rgba(var(--sp-accent-rgb), .2);border-radius:.25rem;inset:8%}.section-page--physical .physical-model-object:after{background:rgba(var(--sp-accent-rgb), .4);height:1px;bottom:10%;left:8%;right:8%}.section-page--physical .physical-model-control{border:1px solid rgba(var(--sp-accent-rgb), .8);box-shadow:inset 0 0 0 .2rem rgba(var(--sp-accent-rgb), .05);background:#171b14;display:block;position:absolute}.section-page--physical .physical-model-stage--controller .physical-model-control--one,.section-page--physical .physical-model-stage--controller .physical-model-control--two{aspect-ratio:1;border-radius:50%;width:28%;top:18%}.section-page--physical .physical-model-stage--controller .physical-model-control--one{left:12%}.section-page--physical .physical-model-stage--controller .physical-model-control--two{right:12%}.section-page--physical .physical-model-stage--controller .physical-model-control--three,.section-page--physical .physical-model-stage--controller .physical-model-control--four{background:var(--sp-accent);border:0;border-radius:.15rem;width:6%;height:25%;bottom:17%}.section-page--physical .physical-model-stage--controller .physical-model-control--three{left:44%}.section-page--physical .physical-model-stage--controller .physical-model-control--four{height:34%;right:40%}.section-page--physical .physical-model-stage--keyboard .physical-model-object{--model-rotate-x:61deg;--model-rotate-z:-22deg;aspect-ratio:2.8;background:repeating-linear-gradient(90deg, rgba(var(--sp-accent-rgb), .3) 0 1px, transparent 1px 7.5%), repeating-linear-gradient(0deg, rgba(var(--sp-accent-rgb), .24) 0 1px, transparent 1px 33%), linear-gradient(135deg, rgba(var(--sp-accent-rgb), .18), transparent 50%), #101410;width:min(88%,25rem)}.section-page--physical .physical-model-stage--keyboard .physical-model-object:before{border-color:rgba(var(--sp-accent-rgb), .34);inset:10% 26% 12% 7%}.section-page--physical .physical-model-stage--keyboard .physical-model-control--one{aspect-ratio:1;border-radius:50%;width:10%;top:20%;right:8%}.section-page--physical .physical-model-stage--keyboard .physical-model-control--two{border-radius:99px;width:4%;height:58%;bottom:18%;right:19%}.section-page--physical .physical-model-stage--keyboard .physical-model-control--two:after{content:"";background:var(--sp-accent);border-radius:99px;width:230%;height:14%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.section-page--physical .physical-model-stage--keyboard .physical-model-control--three,.section-page--physical .physical-model-stage--keyboard .physical-model-control--four{display:none}.section-page--physical .physical-model-stage--keycap .physical-model-object{--model-rotate-x:56deg;--model-rotate-z:-36deg;aspect-ratio:1;background:linear-gradient(145deg, rgba(var(--sp-accent-rgb), .36), transparent 45%), #121712;width:min(46%,10rem);box-shadow:.42rem .5rem 0 rgba(var(--sp-accent-rgb), .18), .8rem .95rem 0 #000000b3, 0 2rem 3rem #0000006b;border-radius:.8rem}.section-page--physical .physical-model-stage--keycap .physical-model-object:before{border-color:rgba(var(--sp-accent-rgb), .38);border-radius:.55rem;inset:12%}.section-page--physical .physical-model-stage--keycap .physical-model-object:after,.section-page--physical .physical-model-stage--keycap .physical-model-control{display:none}.section-page--physical .physical-model-object b{color:rgba(var(--sp-accent-rgb), .72);letter-spacing:.12em;font-family:IBM Plex Mono,Consolas,SF Mono,monospace;font-size:clamp(.44rem,1vw,.62rem);position:absolute;bottom:8%;right:8%}.section-page--physical .physical-model-stage--keycap .physical-model-object b{font-size:clamp(.56rem,1.5vw,.8rem);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.section-page--physical .physical-model-status{text-align:right;justify-items:end;gap:.2rem;display:grid;position:absolute;bottom:.25rem;right:0}.section-page--physical .physical-model-status small{color:var(--sp-faint);font-family:IBM Plex Mono,Consolas,SF Mono,monospace;font-size:.67rem}@keyframes physical-model-drift{0%,to{transform:translateY(0) rotateX(var(--model-rotate-x)) rotateZ(var(--model-rotate-z))}50%{transform:translateY(-.35rem) rotateX(var(--model-rotate-x)) rotateZ(calc(var(--model-rotate-z) + 1.5deg))}}.section-page--physical .physical-media-frame figcaption{grid-template-columns:minmax(6.5rem,.35fr) minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.section-page--physical .physical-media-frame figcaption p{color:var(--sp-muted);margin:0;font-family:Prox Variable,Segoe UI,Roboto,Helvetica,sans-serif;font-size:.88rem;line-height:1.5}@media (width<=760px){.section-page--physical .physical-story,.section-page--physical .physical-story--wide,.section-page--physical .physical-story--compact{grid-template-columns:1fr}.section-page--physical .physical-story{row-gap:3.5rem}.section-page--physical .physical-story--reverse .physical-media-frame,.section-page--physical .physical-story--reverse>.physical-feed{order:0}.section-page--physical .physical-story--compact{width:100%}.section-page--physical .physical-media-frame{width:min(100%,30rem)}.section-page--physical .physical-story-copy{max-width:none}}@media (width<=480px){.section-page--physical .physical-media-frame figcaption{grid-template-columns:1fr;gap:.25rem}}@media (prefers-reduced-motion:reduce){.section-page--physical .physical-model-object{animation:none}}.section-page--physical>.physical-preview-notice.preview-notice{margin-top:clamp(1.5rem,3vw,2.25rem)}.section-page--physical .physical-media-visual--board:not(.is-powered) svg{opacity:.32;filter:grayscale();pointer-events:none}.section-page--physical .physical-media-visual--board svg{transition:opacity .25s .7s}.section-page--physical .physical-media-visual--board{transition:border-color .2s .7s}.section-page--physical .physical-media-visual--board.is-powered{border-color:var(--sp-accent)}.section-page--physical .physical-board-status{color:var(--sp-muted);letter-spacing:.1em;text-align:center;text-transform:uppercase;margin:0;font-family:IBM Plex Mono,Consolas,SF Mono,monospace;font-size:.72rem;position:absolute;inset:auto 0 1rem}.section-page--physical .physical-board-hint{color:var(--sp-faint);letter-spacing:.04em;margin:0;font-family:IBM Plex Mono,Consolas,SF Mono,monospace;font-size:.68rem}