:root{--paper:var(--study-background,#f8f8f6);--ink:var(--study-ink,#0d2565);--line:var(--study-accent,#89a7d5)}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink)}
body,button,a,svg text{font-family:'Notebook Hand';font-weight:400;font-synthesis:none;font-feature-settings:'liga' 1,'calt' 1,'kern' 1;font-kerning:normal;font-variant-ligatures:common-ligatures contextual}
button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
main{max-width:1536px;margin:auto}.artboard{width:1536px;height:1024px;position:relative;background:var(--paper);overflow:hidden;margin:auto}
h1,h2,p,figure{margin:0}h1,h2{font-weight:400;text-decoration:none;border:0}h1::after,h2::after{content:none!important}
.note{position:absolute;font-size:32px;line-height:1.18;z-index:4}.arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.arrows marker path{fill:none;stroke-width:1.4}
.masthead{position:absolute;left:50px;right:50px;top:15px;height:146px;border-bottom:1px solid var(--ink);display:flex;align-items:flex-start;justify-content:center;gap:100px;font-size:25px;padding-top:43px}.identity{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:-39px}.identity img{height:90px;width:74px;object-fit:contain}.identity span{font-size:23px}
.hero-copy{position:absolute;left:50px;top:207px;width:480px}.kicker{font-size:22px;line-height:1.35;margin-bottom:29px;max-width:450px}.hero-copy h1{font-size:66px;line-height:1.1;letter-spacing:-.7px;white-space:nowrap;margin-bottom:26px}.intro{font-size:27px;line-height:1.42;width:453px}
.small-board{position:absolute;left:32px;top:525px;width:465px;height:349px}.small-board img{width:100%;height:100%;object-fit:contain}.small-board svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--line);stroke-width:1}
.video-figure{position:absolute;left:555px;top:313px;width:930px}.video-shape{overflow:hidden;border-radius:48px 34px 39px 42px/37px 44px 33px 50px;transform:rotate(.4deg)}video{display:block;width:100%;height:496px;object-fit:cover}.video-figure figcaption{display:flex;align-items:center;justify-content:center;gap:22px;font-size:25px;margin-top:25px}.play-button{width:56px;height:56px;border:1.8px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:transparent;padding:12px}.play-button svg{height:29px;width:29px;fill:var(--ink)}.setup-note{left:1270px;top:201px;transform:rotate(-3deg)}.sound-note{left:541px;top:861px;transform:rotate(-4deg)}.follow-note{left:1210px;top:937px;transform:rotate(-2deg);font-size:30px;border-bottom:1px solid var(--ink);padding-bottom:5px}
.chapter-end{position:absolute;left:50px;right:390px;bottom:29px;border-top:1px solid var(--line);padding-top:15px;font-size:26px;line-height:1.15}
.chapter-label{position:absolute;left:60px;top:32px;font-size:28px;line-height:1.2}.chapter-label::after{content:'';position:absolute;left:calc(100% + 22px);top:16px;width:1100px;height:1px;background:var(--line)}
.breadboard h2{position:absolute;left:60px;top:82px;font-size:69px;line-height:1.15}.section-deck{position:absolute;left:62px;top:167px;font-size:28px}
.reveal-stage{position:absolute;left:260px;top:204px;width:1020px;height:576px;cursor:pointer}.reveal-stage .board-photo{position:absolute;width:100%;height:100%;object-fit:contain;z-index:2;mask-image:linear-gradient(90deg,#000 0%,#000 50%,transparent 72%)}.drawing-layer{position:absolute;inset:0;transform:translateX(230px) scale(.88);transform-origin:50% 50%}.reference-drawing{width:100%;height:100%;overflow:visible}.reveal-stage[data-view="photo"] .board-photo{mask-image:none}.reveal-stage[data-view="diagram"] .board-photo{opacity:0}.reveal-stage[data-view="photo"] .drawing-layer{opacity:0}
.exposed-note{left:66px;top:278px;transform:rotate(-4deg)}.signal-note{left:1322px;top:336px;transform:rotate(-3deg)}.board-caption{position:absolute;top:775px;width:100%;text-align:center;font-size:25px}.view-controls{position:absolute;top:829px;left:620px;display:flex;align-items:center;gap:40px;font-size:24px}.toggle{border:1.5px solid var(--ink);border-radius:35px;padding:4px;display:flex;gap:6px}.toggle button{border:0;background:transparent;font-size:25px;border-radius:25px;padding:6px 28px 8px;line-height:1}.toggle button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.perspective-note{left:204px;top:830px;font-size:31px;transform:rotate(-3deg);border-bottom:1px solid var(--ink);padding-bottom:5px}.build-copy{position:absolute;left:60px;top:910px;font-size:25px;line-height:1.2;width:990px}.reference-note{position:absolute;right:60px;top:913px;width:340px;font-size:18px;opacity:.65;text-align:right}.breadboard .chapter-end{right:50px;bottom:18px;padding-top:12px;font-size:25px}
.prototype h2{position:absolute;left:60px;top:99px;font-size:62px;line-height:1.12;white-space:nowrap}.plan-figure{position:absolute;left:112px;top:338px;width:620px}.plan-crop{position:relative;width:620px;height:438px;overflow:hidden;border-radius:30px 20px 27px 22px;background:#f1f0e9;transform:rotate(-.4deg)}.plan-crop img{width:720px;height:auto;position:absolute;left:-50px;top:-49px}.plan-figure figcaption,.prototype-figure figcaption{text-align:center;font-size:29px;margin-top:23px}.prototype-figure{position:absolute;left:800px;top:299px;width:550px}.prototype-crop{position:relative;width:550px;height:497px;overflow:hidden;border-radius:34px 24px 37px 28px;transform:rotate(.45deg)}.prototype-crop img{position:absolute;width:1050px;height:auto;left:-210px;top:-340px}.access-note{left:60px;top:839px;transform:rotate(-4deg)}.transistor-note{left:1181px;top:187px;transform:rotate(-3deg);font-size:30px}.connections-note{left:1368px;top:543px;transform:rotate(-5deg);font-size:28px}.closing-copy{position:absolute;left:55px;right:55px;top:955px;border-top:1px solid var(--line);padding-top:15px;font-size:27px}
.single{overflow-x:auto}
@media(prefers-reduced-motion:no-preference){.board-photo,.drawing-layer{transition:opacity .25s ease}}