.scroll-page{background:#faf9f5;color:#163445}.scroll-shell{width:min(1160px,calc(100% - 44px));margin:auto}.scroll-hero{background:radial-gradient(circle at 74% 20%,#285e70 0%,transparent 38%),linear-gradient(130deg,#071a2b,#11394c);color:#fff;overflow:hidden}.scroll-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,70px);align-items:center;padding:70px 0 80px;min-height:620px}.scroll-crumb{display:flex;gap:12px;color:#bed4dd;font-size:13px;margin-bottom:45px}.scroll-crumb a{color:inherit}.scroll-hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.15;letter-spacing:-.04em;margin:18px 0 24px;color:#fff}.scroll-hero h1 em{display:block;font-style:normal;color:#f0c385}.scroll-lead{font-size:18px;line-height:1.72;color:#d5e4e8;max-width:590px}.scroll-byline{font-size:13px;color:#bdd3dc;margin:27px 0}.scroll-byline a{color:#f4cb91}.scroll-button{display:inline-flex;align-items:center;gap:10px;background:#f1c487;color:#143447;padding:14px 19px;border-radius:7px;text-decoration:none;font-weight:850}.scroll-button svg{width:17px}.scroll-art{position:relative;border:1px solid #648999;border-radius:20px;padding:23px;background:linear-gradient(140deg,#31546a,#102a3d);box-shadow:16px 20px 0 #dfb57630,0 32px 60px #06162688;transform:rotate(1deg)}.scroll-art-top,.scroll-art-foot{display:flex;justify-content:space-between;gap:12px;color:#d0e3e7;font-size:11px;letter-spacing:.1em;font-weight:850}.scroll-art-top span{color:#f0c385}.scroll-art-grid{display:grid;grid-template-columns:.85fr 1fr;gap:20px;align-items:center;margin:26px 0}.scroll-phone{max-width:230px;background:#071623;border:7px solid #071623;border-radius:27px;box-shadow:0 18px 32px #0616248c;overflow:hidden}.scroll-camera{height:13px;width:70px;border-radius:0 0 12px 12px;background:#071623;margin:auto}.scroll-reel{min-height:265px;display:flex;align-items:end;justify-content:space-between;padding:20px 14px;background:radial-gradient(circle at 36% 30%,#fdc98a,#d2706b 36%,#623c6a 78%);color:#fff}.scroll-reel span{font-size:29px;font-weight:950;line-height:1.07;letter-spacing:-.05em;text-shadow:0 2px 10px #35172a}.scroll-reel i{font-style:normal;line-height:2.2}.scroll-phone-bottom{padding:12px 4px;color:#fff;text-align:center;font-size:10px}.scroll-notebook{min-height:250px;background:#f7f0df;transform:rotate(-7deg);border-radius:5px;padding:25px 20px;box-shadow:10px 13px 0 #07172255;color:#173849}.scroll-notebook small{display:block;color:#b28145;font-size:10px;font-weight:900;letter-spacing:.12em}.scroll-notebook strong{display:block;font:25px/1.25 Georgia,serif;margin:28px 0;color:#173849}.scroll-rule{height:1px;background:#b7c7c3;margin:18px 0}.scroll-rule.short{width:70%}.scroll-pencil{width:12px;height:70px;background:linear-gradient(90deg,#d89260,#f1c787,#d89260);border-radius:4px;transform:rotate(37deg);margin:0 12px 0 auto}.scroll-art-foot{border-top:1px solid #6c8995;padding-top:16px;letter-spacing:0;font-size:13px}.scroll-art-foot b{color:#f0c385}.scroll-layout{width:min(1160px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:210px minmax(0,720px);justify-content:center;gap:clamp(30px,3.5vw,46px);padding:72px 0 85px}.scroll-toc{position:sticky;top:105px;align-self:start;display:grid;gap:4px;padding:10px;border:1px solid #dbe5e6;border-radius:18px;background:#fff;box-shadow:0 18px 42px #102f4310;overflow:hidden;counter-reset:chapter}.scroll-toc>span{margin:-10px -10px 7px;padding:20px 19px;background:#123e54;color:#cee8ed;font-size:10px;font-weight:900;letter-spacing:.15em}.scroll-toc a{counter-increment:chapter;display:flex;align-items:center;gap:10px;min-height:47px;padding:8px 10px;border-radius:9px;color:#355767;font-size:13px;font-weight:750;text-decoration:none}.scroll-toc a:before{content:counter(chapter,decimal-leading-zero);display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:7px;background:#eaf4f7;color:#286d88;font-size:10px}.scroll-toc a:hover,.scroll-toc a:focus-visible{background:#eaf4fa}.scroll-body{min-width:0}.scroll-body>section{scroll-margin-top:115px;margin-bottom:52px;padding-bottom:53px;border-bottom:1px solid #dce3e4}.scroll-body h2{font-size:clamp(30px,3vw,40px);line-height:1.27;letter-spacing:-.035em;color:#102f42;margin:12px 0 23px}.scroll-body p{font-size:18px;line-height:1.78;color:#3e5866;margin:0 0 23px}.scroll-body strong{color:#173c4e}.scroll-body a{color:#08738a;text-underline-offset:4px}.scroll-body .scroll-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:#9d6a36;margin:0 0 14px}.scroll-scene{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#d0dedb;margin:30px 0;border-radius:12px;overflow:hidden}.scroll-scene>div{padding:27px;background:#e8f2ee;display:grid;gap:13px}.scroll-scene>div+div{background:#f3e7db}.scroll-scene small,.scroll-evidence span,.scroll-outcome span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#986b3d}.scroll-scene strong{font-size:20px;line-height:1.3}.scroll-scene span{font-size:14px;color:#4b6771}.scroll-evidence{background:#163c4d;border-radius:12px;padding:28px;margin:28px 0}.scroll-evidence span{color:#f2c889}.scroll-body .scroll-evidence p{color:#e0ebed;font-size:16px;margin:12px 0 0}.scroll-calc{border:1px solid #bed6d6;border-radius:15px;background:#eef5f2;overflow:hidden;margin:32px 0}.scroll-calc-head{padding:26px 29px;background:#183e4f;color:#fff}.scroll-calc-head span{font-size:11px;letter-spacing:.13em;color:#eec38a;font-weight:900}.scroll-calc-head h3{font-size:24px;line-height:1.3;margin:12px 0}.scroll-body .scroll-calc-head p{font-size:14px;color:#cce2e4;margin:0}.scroll-controls{padding:27px 29px;display:grid;gap:16px}.scroll-controls label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px;font-weight:800}.scroll-controls label>span{display:inline-flex;align-items:center;gap:5px}.scroll-controls input[type=number]{width:65px;padding:9px;border:1px solid #a9c8ca;border-radius:6px;font:inherit}.scroll-controls label strong{margin-left:auto;color:#137783}.scroll-controls input[type=range]{width:100%;accent-color:#0d7989}.scroll-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 29px}.scroll-results>div{padding:20px;border-radius:9px;background:white;display:grid;gap:7px}.scroll-results small{font-size:10px;font-weight:900;letter-spacing:.1em;color:#61818c}.scroll-results strong{font-size:34px;color:#123b4e}.scroll-results span{font-size:12px;line-height:1.5;color:#5a7480}.scroll-body .scroll-calc-note{font-size:12px;line-height:1.6;margin:16px 29px 25px;color:#57727c}.scroll-steps{padding:0;margin:32px 0;list-style:none;border-top:1px solid #cbd9d8}.scroll-steps li{display:grid;grid-template-columns:95px 1fr;gap:16px;padding:23px 0;border-bottom:1px solid #cbd9d8}.scroll-steps b{font-size:12px;color:#9d6b39;letter-spacing:.08em}.scroll-steps div{display:grid;gap:6px}.scroll-steps strong{font-size:19px}.scroll-steps span{font-size:16px;line-height:1.65;color:#4a6570}.scroll-outcome{padding:25px;background:#e3f0ea;border-left:4px solid #178374;margin:30px 0}.scroll-outcome strong{display:block;font-size:21px;margin:9px 0}.scroll-body .scroll-outcome p{font-size:15px;margin:0}.scroll-page .lg-sources,.scroll-page .lg-endcap,.scroll-page .rg-section{clear:both}@media(max-width:920px){.scroll-hero-grid{grid-template-columns:1fr;min-height:0;gap:42px}.scroll-art{max-width:600px}.scroll-layout{grid-template-columns:minmax(0,720px);padding-top:45px}.scroll-toc{position:static;display:flex;overflow:auto;white-space:nowrap}.scroll-toc>span,.scroll-toc a:before{display:none}.scroll-toc a{white-space:nowrap;background:#f1f6f7}}@media(max-width:600px){.scroll-shell,.scroll-layout{width:calc(100% - 34px)}.scroll-hero-grid{padding:48px 0 60px}.scroll-hero h1{font-size:clamp(37px,10vw,48px)}.scroll-lead{font-size:16px}.scroll-art{padding:14px;transform:none}.scroll-art-grid{gap:11px}.scroll-reel{min-height:185px;padding:10px}.scroll-reel span{font-size:19px}.scroll-notebook{min-height:190px;padding:17px 10px}.scroll-notebook strong{font-size:17px}.scroll-art-top{font-size:9px}.scroll-art-foot{font-size:11px}.scroll-body p{font-size:17px;line-height:1.75}.scroll-scene,.scroll-results{grid-template-columns:1fr}.scroll-controls,.scroll-calc-head{padding:22px}.scroll-results{padding:0 22px}.scroll-body .scroll-calc-note{margin:15px 22px 22px}.scroll-steps li{grid-template-columns:72px 1fr;gap:10px}}@media(prefers-reduced-motion:reduce){.scroll-art{transform:none}.scroll-notebook{transform:none}}
.scroll-paths{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.scroll-paths>div{display:flex;flex-direction:column;align-items:start;padding:26px;background:#e9f2ee;border:1px solid #ccded6;border-radius:11px}.scroll-paths>div+div{background:#173e4f;border-color:#173e4f;color:#fff}.scroll-paths span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#16796f}.scroll-paths>div+div span{color:#f0c287}.scroll-paths h3{font-size:23px;line-height:1.28;margin:15px 0 10px}.scroll-body .scroll-paths p{font-size:15px;line-height:1.68;margin:0 0 20px}.scroll-body .scroll-paths>div+div p{color:#d9e8eb}.scroll-paths a{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-size:14px;font-weight:850}.scroll-paths a svg{width:16px}.scroll-body .scroll-paths>div+div a{color:#f0c287}@media(max-width:600px){.scroll-paths{grid-template-columns:1fr}}

/* Story rhythm: one evening, one question, one first project. */
.scroll-story-clock{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:31px 0 28px;border-radius:13px;overflow:hidden;background:#143d50;color:#fff}.scroll-story-clock>div{display:grid;align-content:start;gap:9px;min-height:155px;padding:23px;border-right:1px solid #466b79}.scroll-story-clock>div:last-child{border:0;background:#265a69}.scroll-story-clock time{font-size:12px;font-weight:900;letter-spacing:.1em;color:#f1c586}.scroll-story-clock span{font-size:13px;color:#c9e1e5}.scroll-story-clock strong{font-size:18px;line-height:1.3;color:#fff}.scroll-curiosity{margin:30px 0;padding:26px;background:#e6f2ed;border-left:4px solid #25867b;border-radius:0 11px 11px 0}.scroll-curiosity span{font-size:11px;font-weight:900;letter-spacing:.11em;color:#18766d}.scroll-body .scroll-curiosity p{margin:11px 0;font-size:20px;line-height:1.55;color:#173c4d;font-weight:750}.scroll-curiosity small{display:block;color:#58747b;font-size:12px;line-height:1.6}.scroll-problem{display:grid;gap:0;border-top:1px solid #d4dcd9;margin:30px 0}.scroll-problem>div{display:grid;grid-template-columns:95px 1fr;gap:17px;align-items:start;padding:19px 0;border-bottom:1px solid #d4dcd9}.scroll-problem small{color:#9d6d3d;font-size:11px;font-weight:900;letter-spacing:.1em}.scroll-problem strong{font-size:17px;line-height:1.55}.scroll-body>section>p{max-width:68ch}@media(max-width:600px){.scroll-story-clock{grid-template-columns:1fr}.scroll-story-clock>div{min-height:0;padding:17px 21px;border-right:0;border-bottom:1px solid #466b79}.scroll-story-clock strong{font-size:16px}.scroll-problem>div{grid-template-columns:1fr;gap:6px}.scroll-body .scroll-curiosity p{font-size:18px}}