html.story-home[data-scroll=continuous]{--story-bar:84px;scroll-snap-type:none;scroll-behavior:smooth;scroll-padding-top:var(--story-bar);overflow-x:clip}.story-home .site-shell{max-width:none;padding:0}.story-home .story-opening,.story-home .chapter-cover{min-height:calc(100svh - var(--story-bar));padding:64px max(6vw,24px)76px;margin:0;border:0;scroll-snap-align:none;scroll-snap-stop:normal;scroll-margin-top:0;background:0 0}.story-home .story-opening::before,.story-home .chapter-cover::before{display:none}.story-home .story-opening .hero-copy{max-width:1e3px}.story-home .story-opening .intro-name{white-space:normal;font-size:clamp(58px,7.4vw,94px);line-height:1.25}.story-home .story-opening .hero-description{max-width:620px}.story-home .story-scroll{left:max(6vw,24px);bottom:28px}.story-home .cover-layout{max-width:1320px;margin:auto;gap:6vw;padding:0}.story-home .chapter-music .cover-layout{grid-template-columns:1fr 1.1fr}.story-home .chapter-music .chapter-heading h2{font:clamp(42px,5.4vw,76px)/1.12 var(--serif);letter-spacing:-2px;max-width:600px}.story-home .chapter-music .cover-art .record{width:min(390px,100%);filter:grayscale(1);box-shadow:none;transform:rotate(-18deg)}.story-home .chapter-music .record-label{background:#c9c9c9;color:#252525}@media(prefers-reduced-motion:no-preference){.story-home .chapter-music .cover-art .record{animation:home-vinyl-turn 32s linear infinite;animation-play-state:paused}.story-home .chapter-music .cover-art.is-in-view .record{animation-play-state:running}}@keyframes home-vinyl-turn{from{transform:rotate(-18deg)}to{transform:rotate(342deg)}}.page-hidden .story-home .record,.story-home.page-hidden .record,.story-home.theme-reveal .record{animation-play-state:paused!important}.story-home .chapter-reflections .cover-layout{grid-template-columns:1.4fr .6fr}.story-home .chapter-reflections .chapter-heading h2{font:italic clamp(40px,5vw,70px)/1.12 var(--serif);letter-spacing:-1px}.story-home .chapter-reflections .cover-question{font-size:clamp(200px,30vw,400px);color:var(--accent);opacity:.8}.story-home .chapter-learning .cover-notebook{border:0;background:repeating-linear-gradient(0,transparent 0 31px,var(--line) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,var(--line) 31px 32px);height:300px;width:320px;padding:65px 35px;transform:rotate(-4deg)}.story-home .chapter-resources .chapter-heading h2{font:500 clamp(42px,4.6vw,64px)/1.1 var(--body);letter-spacing:-2px}.story-home .chapter-resources .cover-index{transform:none;width:310px}.story-home .chapter-resources .cover-index span{font:20px/1.5 var(--mono);border:0;border-bottom:2px solid var(--deep);padding:22px 12px;background:0 0}.story-home .chapter-resources .cover-index span:nth-child(2){transform:translateX(16px)}.story-home .chapter-technology .chapter-heading h2{font:clamp(36px,4.5vw,64px)/1.2 var(--mono);letter-spacing:-3px}.story-home .chapter-technology .cover-code{border:1px solid var(--control-border);padding:60px 30px;box-shadow:15px 15px 0 var(--paper);font-size:45px}.story-home .chapter-technology .cover-code i{font:45px var(--mono);font-style:normal}.story-home .chapter-books .cover-books{height:310px;gap:18px}.story-home .chapter-books .cover-books span{width:80px;background:var(--paper);color:var(--deep);border-color:var(--control-border)}:root{--paper:#fff;--deep:#252525;--muted:#656565;--accent:#454545;--line:#e5e5e5;--control-border:#d3d3d3;--control-hover:#f4f4f4;--code-bg:#f5f5f5}:root[data-theme=dark]{--paper:#202020;--deep:#ededed;--muted:#b0b0b0;--accent:#d0d0d0;--line:#363636;--control-border:#505050;--control-hover:#292929;--code-bg:#242424}.intro-about{display:inline-flex;align-items:center;gap:24px;margin-top:6px;padding:7px 0;border-bottom:1px solid var(--control-border);font:13px/1.8 var(--body)}.story-home .site-footer{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:calc(100svh - var(--story-bar));margin:0;padding:48px max(6vw,24px)max(26px,env(safe-area-inset-bottom));border:0;scroll-snap-align:none}.colophon-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:28px 0 48px;flex:1}.colophon-about h2{font:clamp(46px,6.5vw,86px)/1.08 var(--serif);letter-spacing:-2px;margin:0}.colophon-about h2 em{font-family:var(--script);font-weight:400;font-style:normal;font-size:1.35em}.site-footer .colophon-copy p{font:18px/1.85 var(--serif);color:var(--muted);margin:0 0 24px;max-width:480px}.site-footer .colophon-copy .colophon-name{font:22px/1.5 var(--serif);color:var(--deep)}.story-home .footer-bottom{flex-shrink:0;margin-top:auto;padding-top:24px}@media(max-width:760px){html.story-home[data-scroll=continuous]{--story-bar:68px}.story-home .story-opening,.story-home .chapter-cover{padding:40px 25px 64px}.story-home .story-opening .intro-name{font-size:clamp(46px,10vw,64px)}.story-home .story-opening .hero-description{font-size:16px;line-height:1.85}.story-home .cover-layout,.story-home .chapter-music .cover-layout,.story-home .chapter-reflections .cover-layout{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:24px}.story-home .chapter-cover .chapter-heading h2{font-size:43px;letter-spacing:-1px}.story-home .cover-art{height:190px;padding:8px}.story-home .chapter-music .cover-art .record{width:180px}.story-home .chapter-reflections .cover-question{font-size:180px}.story-home .chapter-books .cover-books{height:165px;gap:12px}.story-home .chapter-books .cover-books span{width:48px}.story-home .chapter-learning .cover-notebook{height:180px;width:230px;padding:25px}.story-home .chapter-resources .cover-index{width:230px;gap:6px}.story-home .chapter-resources .cover-index span{padding:10px;font-size:17px}.story-home .chapter-technology .cover-code{padding:30px 20px;font-size:30px}.story-home .chapter-technology .cover-code i{font-size:36px}.colophon-about{grid-template-columns:1fr;gap:28px;align-content:center;padding:16px 0 20px}.colophon-about h2{font-size:48px;letter-spacing:-1px}.colophon-about h2 br{display:none}.site-footer .colophon-copy p{font-size:16px;line-height:1.75;margin-bottom:18px}.site-footer .colophon-copy .colophon-name{font-size:20px}.story-home .site-footer{padding:40px 25px max(26px,env(safe-area-inset-bottom))}.story-home .footer-bottom{padding-top:12px}}@media(prefers-reduced-motion:reduce){html.story-home[data-scroll=continuous]{scroll-behavior:auto}}.story-home .chapter-technology .cover-layout{grid-template-columns:.85fr 1.15fr;gap:8vw}.story-home .chapter-technology .chapter-heading h2{font-size:clamp(38px,4.4vw,62px);max-width:450px}.cover-terminal{width:100%;max-width:560px;border:1px solid var(--control-border);background:var(--paper);box-shadow:16px 20px color-mix(in srgb,var(--deep) 4%,transparent);transform:rotate(2deg)}.terminal-bar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 20px;font:11px var(--mono);color:var(--muted)}.terminal-bar>span:first-child{letter-spacing:5px;opacity:.5}.terminal-code{padding:30px 32px;counter-reset:code-line}.terminal-code>span{display:block;font:15px/2 var(--mono);white-space:pre;counter-increment:code-line}.terminal-code>span::before{content:counter(code-line);display:inline-block;width:30px;color:var(--muted);opacity:.4;font-size:11px}.terminal-code i{font-style:normal;color:var(--accent)}.terminal-code b{font-weight:400;color:var(--deep)}.terminal-code .terminal-comment{color:var(--muted);font-style:italic}.story-home .chapter-learning .cover-layout{grid-template-columns:1.15fr .85fr;gap:10vw}.story-home .chapter-learning .cover-art{grid-column:1;grid-row:1;justify-content:flex-start}.story-home .chapter-learning .chapter-heading{grid-column:2;grid-row:1;border-left:1px solid var(--line);padding-left:36px}.story-home .chapter-learning .cover-notebook{height:360px;width:100%;max-width:430px;padding:90px 38px;transform:rotate(-6deg)}.story-home .chapter-learning .cover-notebook span{font-size:clamp(42px,4.5vw,62px)}.story-home .chapter-learning .chapter-heading h2{font-size:clamp(50px,5vw,70px)}.story-home .chapter-books .cover-layout{display:flex;flex-direction:column;gap:34px;text-align:center}.story-home .chapter-books .chapter-heading h2{max-width:none;font:clamp(48px,6vw,80px)/1.1 var(--serif);letter-spacing:-2px}.story-home .chapter-books .chapter-intro{max-width:500px;margin:22px auto}.story-home .chapter-books .cover-art{width:min(720px,100%);height:auto;padding:18px 24px 0;border-bottom:5px double var(--line)}.story-home .chapter-books .cover-books{height:250px;gap:18px;transform:none;justify-content:center;width:100%}.story-home .chapter-books .cover-books span{width:clamp(48px,7vw,92px);font-size:32px;border-radius:2px 5px 0 0;box-shadow:inset 5px 0 color-mix(in srgb,var(--deep) 7%,transparent)}.story-home .chapter-books .cover-books span:nth-child(2){height:100%;transform:none}.story-home .chapter-books .cover-books span:nth-child(3){height:84%;transform:none}.story-home .chapter-books .cover-books span:nth-child(4){height:95%;transform:rotate(-7deg);transform-origin:bottom}.story-home .chapter-books .cover-books span:nth-child(5){height:88%}.story-home .chapter-music .cover-layout{grid-template-columns:.8fr 1.2fr;gap:3vw}.story-home .chapter-music .chapter-heading h2{font:300 clamp(46px,6.2vw,84px)/1.03 var(--body);letter-spacing:-3px}.story-home .chapter-music .chapter-intro{max-width:330px;margin:30px 0}.story-home .chapter-music .cover-art{position:relative;padding:30px}.story-home .chapter-music .cover-art::before{content:"";position:absolute;inset:4%;border:1px solid var(--line);border-radius:50%;transform:scale(1.08)}.story-home .chapter-music .cover-art .record{width:min(480px,100%)}.story-home .chapter-reflections .cover-layout{display:grid;grid-template-columns:1fr;position:relative;min-height:440px;text-align:center}.story-home .chapter-reflections .chapter-heading{position:relative;z-index:1;max-width:820px;margin:auto}.story-home .chapter-reflections .chapter-heading h2{font-size:clamp(52px,7.6vw,100px);max-width:none}.story-home .chapter-reflections .chapter-intro{max-width:470px;margin:28px auto}.story-home .chapter-reflections .cover-art{position:absolute;right:0;top:50%;transform:translateY(-50%);height:auto;padding:0;opacity:.12}.story-home .chapter-reflections .cover-question{font-size:clamp(360px,45vw,620px);line-height:1}.story-home .chapter-resources .cover-layout{grid-template-columns:1fr 1.15fr;gap:8vw;align-items:start}.story-home .chapter-resources .chapter-heading h2{font-size:clamp(42px,5vw,64px);max-width:420px}.story-home .chapter-resources .cover-art{padding:0;width:100%;align-self:center}.story-home .chapter-resources .cover-index{width:100%;gap:0;border-top:1px solid var(--control-border)}.story-home .chapter-resources .cover-index span{font:clamp(24px,3vw,38px)/1.4 var(--serif);border-bottom:1px solid var(--control-border);padding:30px 8px;transform:none;letter-spacing:-.5px}.story-home .chapter-resources .cover-index span:nth-child(2){transform:none}@media(max-width:760px){.story-home .chapter-technology .cover-layout,.story-home .chapter-learning .cover-layout,.story-home .chapter-music .cover-layout,.story-home .chapter-resources .cover-layout{display:flex;flex-direction:column;gap:36px}.story-home .chapter-technology .cover-art{height:auto;padding:8px 0;width:100%}.terminal-code{padding:20px 14px}.terminal-code>span{font-size:12px}.terminal-code>span::before{width:22px}.story-home .chapter-learning .chapter-heading{border-left:0;padding-left:0}.story-home .chapter-learning .cover-art{order:2;height:auto;padding:12px;width:100%}.story-home .chapter-learning .cover-notebook{height:240px;padding:45px 28px}.story-home .chapter-learning .cover-notebook span{font-size:44px}.story-home .chapter-books .cover-layout{gap:20px}.story-home .chapter-books .chapter-heading h2{font-size:48px}.story-home .chapter-books .cover-art{padding:15px 5px 0}.story-home .chapter-books .cover-books{height:190px;gap:10px}.story-home .chapter-books .cover-books span{width:42px;font-size:24px}.story-home .chapter-music .chapter-heading h2{font-size:56px;letter-spacing:-2px}.story-home .chapter-music .cover-art{height:auto;padding:20px;width:100%}.story-home .chapter-music .cover-art .record{width:min(280px,100%)}.story-home .chapter-reflections .cover-layout{display:grid;min-height:400px}.story-home .chapter-reflections .chapter-heading h2{font-size:56px}.story-home .chapter-reflections .cover-art{height:auto;right:-10px}.story-home .chapter-reflections .cover-question{font-size:360px}.story-home .chapter-resources .cover-art{height:auto}.story-home .chapter-resources .cover-index span{font-size:29px;padding:22px 6px}}