@property --story-progress{syntax:"<number>";inherits:false;initial-value:0}@property --copy-offset{syntax:"<length>";inherits:false;initial-value:0}.fold-story{--story-progress:0;background:var(--background);color:var(--ink);position:relative}.fold-story[data-enhanced=true]{height:900svh}.fold-stage{isolation:isolate;height:100svh;min-height:620px;position:relative;overflow:clip}.fold-story[data-enhanced=true] .fold-stage{position:sticky;top:0}.fold-background{z-index:-1;pointer-events:none;background-image:linear-gradient(90deg, transparent calc(50% - .5px), var(--line) 50%, transparent calc(50% + .5px));opacity:.36;position:absolute;inset:0}.fold-light{--light-level:0;--light-scale:.02;--light-x:26%;--light-y:64%;z-index:-1;opacity:0;pointer-events:none;position:absolute;inset:0;overflow:clip}.fold-light-wash,.fold-light-ambient{pointer-events:none;position:absolute;inset:0}.fold-light-wash{inset:auto;left:var(--light-x);top:var(--light-y);background:radial-gradient(circle closest-side, color-mix(in srgb, var(--emb-1) 24%, #fff) 0%, color-mix(in srgb, var(--emb-2) 20%, #fff) 18%, transparent 100%);width:640px;height:640px;opacity:calc(var(--light-level) * .28);transform:translate3d(-50%,-50%,0) scale(calc(var(--light-scale) * var(--light-spread,1)));transition:transform 1.35s cubic-bezier(.16,.8,.25,1),opacity .8s}.fold-light-ambient{background:color-mix(in srgb, var(--emb-1) 12%, #fff);opacity:calc(var(--light-level) * .065);transition:opacity 1.6s .12s}.fold-light[data-lit=false] .fold-light-wash{transition-duration:.85s,.65s}.fold-light[data-lit=false] .fold-light-ambient{transition-duration:.9s;transition-delay:0s}.fold-story[data-phase="1"]:has(.fold-light[data-lit=true]) .fold-copy .fold-description{color:var(--ink)}.fold-story[data-phase="1"]:has(.fold-light[data-lit=true]) .fold-copy .fold-gradient{background-image:linear-gradient(115deg, color-mix(in srgb, var(--emb-1) 78%, white), color-mix(in srgb, var(--emb-2) 78%, white) 48%, color-mix(in srgb, var(--emb-3) 78%, white))}.fold-art{--art-size:min(48vw, 72svh, 700px);width:var(--art-size);height:var(--art-size);left:calc(26% - var(--art-size) / 2);top:calc(49% - var(--art-size) / 2);position:absolute}.fold-mark,.fold-figure,.fold-qr{width:100%;height:100%;position:absolute;inset:0}.fold-mark{z-index:2;pointer-events:none;overflow:visible}.fold-figure{opacity:0;visibility:hidden}.fold-copy-stack{width:39%;max-width:590px;position:absolute;top:49%;left:56%}.fold-copy{transform:translateY(calc(-50% + var(--copy-offset,0px)));opacity:0;visibility:hidden;position:absolute;inset:auto 0}.fold-intro{opacity:1;visibility:visible}.fold-story[data-enhanced=true] .fold-copy-stack{top:86px;bottom:106px;overflow:clip;-webkit-mask-image:linear-gradient(#0000,#000 7% 91%,#0000);mask-image:linear-gradient(#0000,#000 7% 91%,#0000)}.fold-story[data-enhanced=true] .fold-copy{will-change:transform;top:0;bottom:auto;transform:translate(0,0)}.fold-gradient{background:linear-gradient(115deg, var(--emb-1), var(--emb-2) 48%, var(--emb-3));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.fold-wordmark{font:600 clamp(88px, 10vw, 160px)/.9 var(--font-display);letter-spacing:-.065em;margin-bottom:26px;margin-left:-.055em;display:block}.fold-site-name{letter-spacing:-.025em;font-size:clamp(24px,2.5vw,40px);font-weight:700;line-height:1.45;display:block}.fold-copy h2{letter-spacing:-.045em;font-size:clamp(38px,4.3vw,68px);font-weight:700;line-height:1.28}.fold-description{color:var(--muted);margin-top:28px;font-size:clamp(14px,1.15vw,17px);line-height:1.95}.fold-link{border-bottom:1px solid color-mix(in srgb, var(--ink) 40%, transparent);align-items:center;gap:26px;min-height:44px;margin-top:28px;padding-bottom:6px;font-size:13px;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.fold-link .arrow-icon{transition:transform .25s}.fold-link:hover{border-color:var(--emb-2);color:var(--emb-2)}.fold-link:hover .arrow-icon{transform:translate(3px,-3px)}.fold-story a:focus-visible,.fold-story button:focus-visible{outline:2px solid var(--emb-2);outline-offset:7px}.fold-qr{z-index:3;opacity:0;visibility:hidden;width:104%;height:104%;inset:-2%}.fold-qr img{width:100%;height:100%;image-rendering:pixelated}.fold-ending{text-align:center;opacity:0;visibility:hidden;width:100%;transform:translateY(var(--copy-offset,0px));position:absolute;top:calc(49% + min(48vw,72svh,700px)/2.32558)}.fold-ending h2{letter-spacing:-.03em;font-size:clamp(20px,2vw,28px);font-weight:500}.fold-ending-links{color:var(--muted);justify-content:center;gap:26px;margin-top:8px;font-size:12px;display:flex}.fold-ending-links a{align-items:center;gap:8px;padding:10px 0;transition:color .2s;display:inline-flex}.fold-ending-links a:hover{color:var(--ink)}.fold-navigation{white-space:nowrap;gap:32px;display:none;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.fold-story[data-enhanced=true] .fold-navigation{display:flex}.fold-navigation button{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:11px;transition:color .2s;display:flex;position:relative}.fold-navigation button:after{content:"";background:linear-gradient(90deg, var(--emb-2), var(--emb-3));transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.fold-navigation button:hover,.fold-navigation button[aria-current]{color:var(--ink)}.fold-navigation button[aria-current]:after{transform:scaleX(1)}.fold-nav-index{color:var(--emb-2);font:9px var(--font-mono)}.fold-scroll-hint{color:var(--muted);letter-spacing:.15em;align-items:center;gap:14px;font-size:10px;display:flex;position:absolute;bottom:40px;left:4%}.fold-scroll-hint .arrow-icon{width:17px;height:17px}.fold-fallback{max-width:1100px;margin:0 auto;padding:0 6vw}.fold-story[data-enhanced=true] .fold-fallback{display:none}.fold-fallback article{border-top:1px solid var(--line);padding:70px 0;scroll-margin-top:80px}.fold-fallback h2{margin-bottom:28px;font-size:clamp(26px,4vw,52px);line-height:1.3}.fold-fallback p{color:var(--muted);max-width:640px;line-height:1.9}.fold-fallback-awards{align-items:center;gap:4%;margin-top:35px;display:flex}.fold-fallback-awards img{object-fit:contain;width:30.6%;max-height:300px}.fold-fallback-qr{width:min(100%,380px);margin:40px 0 0;display:block}.fold-figure{container-type:inline-size}.circuit-playground,.direction-playground{color:var(--emb-2);position:absolute;inset:0}.circuit-board,.direction-scene{width:100%;height:100%;position:absolute;inset:0}.demo-heading{z-index:1;color:var(--ink);justify-content:space-between;align-items:center;gap:10px;font-size:clamp(11px,2.8cqw,18px);font-weight:500;display:flex;position:absolute;top:9%;left:10%;right:10%}.demo-heading button{min-width:38px;min-height:36px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:6px;font-size:clamp(10px,2cqw,12px);display:inline-flex}.demo-node{border-bottom:1px solid var(--line);width:23%;min-height:44px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:9px;padding:10px 0;font-size:clamp(11px,2.5cqw,15px);transition:color .2s,border-color .2s,background .2s;display:flex;position:absolute}.demo-node svg{width:clamp(17px,4.5cqw,25px);height:clamp(17px,4.5cqw,25px)}.demo-node:disabled{opacity:.35;cursor:default}.demo-node:not(:disabled):hover,.demo-node[aria-pressed=true]{color:var(--emb-2);border-color:var(--emb-2)}.board-power{top:21%;left:10%}.board-flash{top:21%;right:10%}.board-led{width:20%;top:62%;left:50%;transform:translate(-50%)}.board-led[aria-pressed=true]{color:color-mix(in srgb, var(--emb-2) 80%, white)}.board-led[aria-pressed=true] svg{color:color-mix(in srgb, var(--emb-1) 40%, white);filter:drop-shadow(0 0 5px)}.circuit-playground[data-lit=true] .board-status,.circuit-playground[data-lit=true] .board-brightness,.circuit-playground[data-lit=true] .demo-node{color:var(--ink)}.board-signal{opacity:.2;transition:opacity .3s}.circuit-playground[data-powered=true] .power-signal,.circuit-playground[data-powered=true][data-flashed=true] .code-signal,.circuit-playground[data-lit=true] .led-signal{opacity:1;stroke-dasharray:200;animation:.55s ease-out board-signal-in}@keyframes board-signal-in{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}.board-core{opacity:.45;transition:opacity .3s}.circuit-playground[data-powered=true] .board-core{opacity:1}.circuit-brand{fill:var(--ink);font:600 31px var(--font-display);letter-spacing:-1px}.board-core-caption{fill:currentColor;font:8px var(--font-mono);letter-spacing:2px}.board-status{text-align:center;color:var(--muted);font-size:clamp(9px,2.2cqw,13px);line-height:1.5;position:absolute;top:56.8%;left:8%;right:8%}.board-led-halo{fill:currentColor;opacity:calc(var(--led-level) * .1);transition:opacity .2s}.board-brightness{min-height:26px;color:var(--muted);align-items:center;gap:13px;font-size:clamp(10px,2.2cqw,12px);display:flex;position:absolute;bottom:9%;left:15%;right:15%}.board-brightness input{min-width:0;height:24px;accent-color:var(--emb-2);cursor:pointer;flex:1}.board-brightness output{width:4ch;font-family:var(--font-mono);text-align:right}.board-brightness input:disabled{opacity:.3;cursor:default}.direction-tabs{z-index:1;justify-content:space-between;gap:15px;display:flex;position:absolute;top:9%;left:13%;right:13%}.direction-tabs button{width:30%;min-height:44px;color:var(--muted);cursor:pointer;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:10px;padding-bottom:9px;font-size:clamp(11px,2.8cqw,17px);transition:color .2s,border-color .2s;display:flex}.direction-tabs button svg{width:clamp(18px,4.7cqw,28px);height:clamp(18px,4.7cqw,28px)}.direction-tabs button[aria-selected=true]{color:var(--emb-2);border-color:var(--emb-2)}.direction-tabs button:hover{color:var(--ink)}.direction-svg-note{fill:var(--muted);font:13px var(--font-sans)}.direction-code{fill:var(--emb-2);font:11px var(--font-mono);letter-spacing:.5px}.direction-caption{text-align:center;position:absolute;top:72%;left:10%;right:10%}.direction-caption p{color:var(--ink);font-size:clamp(13px,3.5cqw,24px);font-weight:500}.direction-caption span{color:var(--muted);margin-top:8px;font-size:clamp(8px,2cqw,12px);display:block}.direction-action{min-height:40px;color:var(--emb-2);border-bottom:1px solid var(--emb-2);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:25px;font-size:clamp(11px,2.5cqw,14px);display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.direction-action:disabled{opacity:.6;cursor:default}.direction-action:not(:disabled):hover .arrow-icon{transform:translate(3px,-3px)}.direction-action .arrow-icon{transition:transform .2s}.vision-target{cursor:grab;touch-action:none}.vision-target:active{cursor:grabbing}.vision-target:focus-visible{stroke:var(--ink);stroke-width:1px;outline:none}.fold-certificates{position:absolute;inset:9%}.award-deck{position:absolute;inset:0 0 24%}.award-sheet{cursor:pointer;width:62%;height:96%;margin:auto;transition:transform .36s cubic-bezier(.22,.8,.2,1),opacity .22s;position:absolute;inset:0}.award-sheet img{object-fit:contain;filter:drop-shadow(0 9px 12px #0008);-webkit-user-select:none;user-select:none;width:100%;height:100%}.award-sheet[data-slot=front]{cursor:zoom-in;z-index:3;transform:translateY(-2%)rotate(0)}.award-sheet[data-slot=front][data-portrait=true]{width:55%}.award-sheet[data-slot=left]{z-index:1;transform:translate(-27%,3%)rotate(-12deg)scale(.9)}.award-sheet[data-slot=right]{z-index:2;transform:translate(27%,3%)rotate(12deg)scale(.9)}.award-sheet[data-slot=hidden]{z-index:0;opacity:0;pointer-events:none;transform:scale(.82)}.award-sheet[data-slot=front]:hover{transform:translateY(-3%)rotate(-2deg)}.award-sheet:focus-visible{outline-offset:3px!important}.award-deck-caption{text-align:center;position:absolute;bottom:0;left:-3%;right:-3%}.award-browser-title{color:var(--ink);font-size:clamp(12px,3.5cqw,24px);font-weight:400;line-height:1.4}.award-deck-controls{justify-content:center;align-items:center;gap:clamp(8px,3cqw,22px);margin-top:8px;display:flex}.award-deck-controls button{min-width:36px;min-height:36px;color:var(--emb-2);cursor:pointer;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.award-browser-count{color:var(--muted);font:clamp(9px, 2cqw, 12px) var(--font-mono);white-space:nowrap}@media (prefers-reduced-motion:reduce){.award-sheet{transition:none}}.certificate-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:0 0;margin:0;padding:28px;position:fixed;inset:0}.certificate-dialog::backdrop{background:#08080aef}.certificate-dialog-body{grid-template-rows:50px minmax(0,1fr) 50px;gap:10px;width:min(100%,1100px);height:100%;margin:auto;display:grid}.certificate-dialog header,.certificate-dialog footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.certificate-dialog header{font-size:clamp(14px,3vw,20px)}.certificate-dialog img{object-fit:contain;width:100%;height:100%}.certificate-dialog button{width:44px;height:44px;color:var(--emb-2);cursor:pointer;justify-content:center;align-items:center;font-size:25px;display:inline-flex}.certificate-dialog button:focus-visible{outline:2px solid var(--emb-2)}.certificate-dialog footer{font:12px var(--font-mono);justify-content:center;gap:28px}@container (width<=360px){.direction-code{transform:translateY(22px)}.direction-caption{top:70%}.direction-caption p{font-size:13px;line-height:1.3}.direction-caption span{display:none}.direction-action{min-height:36px;bottom:6%}}@media (width<=760px){.demo-heading{font-size:clamp(11px,3.2cqw,15px);top:7.5%}.demo-node{gap:5px;width:27%;min-height:36px;padding:4px 0}.board-power{left:8%}.board-flash{right:8%}.board-led{width:25%}.board-brightness{gap:7px;bottom:8%;left:12%;right:12%}.direction-tabs{gap:9px;top:7%;left:10%;right:10%}.direction-tabs button{gap:5px;min-height:36px;padding-bottom:5px}.direction-caption{top:70%}.direction-caption span{margin-top:4px}.direction-action{min-height:32px;bottom:7%}.certificate-dialog{padding:16px}}@media (width<=1000px) and (width>=761px){.fold-navigation{gap:21px}.fold-scroll-hint,.fold-description br{display:none}.fold-copy-stack{width:40%}}@media (width<=760px){.fold-story{--mobile-art-size:min(94vw, calc(100svh - 368px - env(safe-area-inset-bottom,0px)), 440px);--mobile-art-top:64px;--mobile-copy-gap:8px}.fold-story[data-enhanced=true]{height:920svh}.fold-stage{min-height:0}.fold-art{--art-size:var(--mobile-art-size);left:calc(50% - var(--art-size) / 2);top:var(--mobile-art-top)}.fold-background{background-image:none}.fold-copy-stack{width:84%;max-width:none;left:8%;top:calc(var(--mobile-art-top) + var(--mobile-art-size) + var(--mobile-copy-gap))}.fold-story[data-enhanced=true] .fold-copy-stack{top:calc(var(--mobile-art-top) + var(--mobile-art-size) + var(--mobile-copy-gap));bottom:calc(114px + env(safe-area-inset-bottom,0px))}.fold-copy{transform:translateY(var(--copy-offset,0px))}.fold-wordmark{letter-spacing:-.055em;margin:0;font-size:56px;line-height:.92}.fold-intro h1{align-items:center;gap:23px;display:flex}.fold-site-name{letter-spacing:-.01em;font-size:16px;line-height:1.5}.fold-copy h2{font-size:clamp(29px,7.5vw,42px);line-height:1.25}.fold-copy h2 br{display:none}.fold-description{margin-top:16px;font-size:14px;line-height:1.8}.fold-desktop-break{display:none}.fold-link{min-height:40px;margin-top:12px;font-size:12px}.fold-navigation{bottom:calc(66px + env(safe-area-inset-bottom,0px));gap:18px}.fold-navigation button{font-size:10px}.fold-nav-index,.fold-scroll-hint{display:none}.fold-ending{top:calc(var(--mobile-art-top) + var(--mobile-art-size) + 24px);padding:0 20px}.fold-ending h2{font-size:23px}.fold-ending-links{margin-top:18px}}@media (width<=760px) and (height<=740px){.fold-story{--mobile-art-top:58px;--mobile-copy-gap:6px}.fold-copy h2{font-size:28px}.fold-description{font-size:13px}.fold-link{margin-top:8px}}@media (height<=730px) and (width>=761px){.fold-art{--art-size:min(44vw, 65svh, 700px);top:calc(46% - var(--art-size) / 2)}.fold-copy-stack{top:47%}.fold-story[data-enhanced=true] .fold-copy-stack{top:78px;bottom:90px}.fold-wordmark{margin-bottom:16px;font-size:90px}.fold-description{margin-top:18px}.fold-ending{top:calc(46% + min(44vw,65svh,700px)/2.32558)}.fold-ending h2{font-size:20px}.fold-navigation{bottom:15px}}@media (prefers-reduced-motion:reduce){.fold-story{height:auto!important}.fold-stage{position:relative!important}.fold-art{transform:none!important}.fold-copy:not(.fold-intro),.fold-figure,.fold-qr,.fold-ending{display:none}.fold-intro{opacity:1!important;visibility:visible!important}.fold-fallback{display:block!important}.fold-navigation,.fold-scroll-hint{display:none!important}}.pcb-substrate{fill:color-mix(in srgb, var(--emb-2) 4%, var(--background));stroke:currentColor;stroke-width:1.4px}.pcb-packages{opacity:.7}.pcb-silkscreen{fill:var(--muted);font:9px var(--font-mono);letter-spacing:.3px}.pcb-chip-label{fill:var(--ink);font-size:12px}.pcb-net{opacity:.12;transition:opacity .3s}.pcb-net[data-connected=true]{opacity:1}.pcb-net[data-connected=true] path{stroke-dasharray:1;animation:.6s ease-out both pcb-route}@keyframes pcb-route{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.pcb-net path{animation:none!important}.fold-light-wash,.fold-light-ambient{transition:none}}
