@font-face{font-family:'InterDisplay';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/InterDisplay-Regular.woff2) format('woff2')}
@font-face{font-family:'InterDisplay';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/InterDisplay-SemiBold.woff2) format('woff2')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Caveat-Medium.woff2) format('woff2')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Caveat-SemiBold.woff2) format('woff2')}
 :root{--paper:#FFF8E8;--ink:#25372C;--orange:#F16B45;--blue:#3449BA;--lilac:#B9BFFA;--sage:#BAC9B6;--butter:#F2D77E;--gutter:clamp(24px,4.7vw,78px);--content:1280px}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 InterDisplay,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.055em;line-height:1.04}button,a,input,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:calc(100% - 2 * var(--gutter));max-width:var(--content);margin-inline:auto}.hand{font-family:Caveat,'Bradley Hand',cursive;font-weight:500;line-height:.95;letter-spacing:-.025em}.headline-hand{font-size:1.14em;line-height:.85;font-weight:600}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:15px 21px;border:1.5px solid var(--ink);font-size:14px;font-weight:600;line-height:1.2;min-height:52px;box-shadow:3px 3px 0 var(--ink)}.button span{font-size:23px;font-weight:400}.button-ink{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--orange)}.button:hover{transform:translate(-1px,-1px)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:70px;font-size:14px;border-bottom:1.5px solid currentColor;padding:0 0 9px}.text-link span{font-size:24px}.eyebrow,.chapter-tag,.edition{font-size:10px;letter-spacing:.1em;font-weight:600}.chapter-tag{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #25372c50;padding-top:20px}.chapter-tag .hand{font-size:24px;letter-spacing:0;transform:rotate(-4deg)}.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:var(--ink);color:var(--paper);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-nav{display:flex;align-items:center;gap:35px;min-height:94px;border-bottom:1px solid #25372c50;position:relative;z-index:20}.brand img{width:152px;object-fit:contain;filter:brightness(0)}.nav-note{font-size:19px;transform:rotate(-5deg);margin-left:15px}.site-nav nav{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:13px}.site-nav .button{min-height:42px;padding:10px 16px;font-size:12px;gap:22px}.menu-toggle{display:none}
.hero{position:relative;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;column-gap:15px;padding-top:75px}.hero-copy{position:relative;z-index:2;padding-bottom:42px}.edition{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.07em}.edition strong{border:1px solid var(--ink);padding:3px 5px;font-size:8px;transform:rotate(-3deg)}.edition-mark{font-size:22px;color:var(--orange);line-height:1}.hero h1{font-size:clamp(61px,6.25vw,93px);line-height:1.01;letter-spacing:-.064em;margin:30px -20px 30px 0;max-width:740px}.marked-word{position:relative;white-space:nowrap}.marked-word svg{position:absolute;bottom:-8px;left:-2%;width:104%;height:24px;fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round;z-index:-1}.hero-lead{font-size:17px;line-height:1.6;max-width:390px;letter-spacing:-.012em}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.hero-actions .hand{font-size:24px;transform:rotate(-7deg)}.hero-art{position:relative;align-self:center;width:calc(100% + 52px);margin-left:-17px;padding-top:28px}.hero-art img{width:100%;height:auto;position:relative;z-index:1}.hero-art-note{position:absolute;right:5%;top:-22px;transform:rotate(7deg);font-size:27px;z-index:2}.hero-art-caption{font-size:7px;letter-spacing:.11em;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.tiny-square{display:inline-block;width:7px;height:7px;background:var(--orange);transform:rotate(13deg)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:30px;font-size:8px;letter-spacing:.11em;margin-top:24px;padding:25px 0;border-top:1px solid #25372c50}.hero-bottom>span:last-child{display:flex;align-items:center;gap:20px}.hero-bottom>span:last-child>span{font-size:22px;line-height:1}
.evidence-section{padding-top:50px;padding-bottom:64px}.evidence-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;margin-top:74px}.evidence-intro h2{font-size:clamp(48px,4.6vw,70px);line-height:1.05;max-width:460px}.evidence-intro .headline-hand{display:block;color:var(--blue);margin-top:8px}.evidence-intro>p{font-size:16px;line-height:1.6;margin-top:27px;max-width:320px}.detective-wrap{position:relative;height:325px;margin-top:18px;max-width:390px}.detective-wrap img{height:100%;width:325px;object-fit:contain;margin-left:-20px}.detective-wrap>.hand{position:absolute;left:64%;top:30%;font-size:28px;transform:rotate(7deg)}.detective-arrow{width:88px;height:82px;position:absolute;left:71%;top:53%;stroke:var(--ink);fill:none;stroke-linecap:round;stroke-width:2}.evidence-cards{display:grid;grid-template-columns:1fr 1fr;gap:32px 26px;align-items:start;padding:18px 0 15px}.proof-card{border:1.5px solid var(--ink);padding:25px 23px 0;box-shadow:5px 6px 0 #25372c18;position:relative;min-width:0}.proof-card summary{cursor:pointer;list-style:none;display:block}.proof-card summary::-webkit-details-marker{display:none}.proof-card h3{font-size:32px;letter-spacing:-.045em;margin-bottom:14px}.proof-label{font-size:8px;letter-spacing:.12em;display:block}.proof-drawing{width:82px;height:76px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin:23px 0 18px}.proof-drawing .accent-stroke{stroke:var(--orange);stroke-width:3}.proof-card p{font-size:13px;line-height:1.5;max-width:185px;min-height:39px}.proof-action{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:25px;border-top:1px solid #25372c55;padding:14px 0}.proof-action b{font-size:19px;line-height:1;font-weight:400}.proof-card[open] .proof-action b{transform:rotate(45deg)}.proof-detail{font-size:12px;line-height:1.65;border-top:1px dashed #25372c60;padding:18px 0 22px}.proof-source{background:#FFFDF5;transform:rotate(-4deg)}.proof-source:before{content:'';position:absolute;top:-13px;left:37%;width:62px;height:23px;background:#bac9b699;transform:rotate(-5deg);border-left:1px dashed #25372c33;border-right:1px dashed #25372c33}.proof-meaning{background:var(--sage);transform:rotate(3deg);margin-top:28px}.proof-method{background:var(--lilac);transform:rotate(2deg);margin-top:-13px}.proof-decision{background:var(--butter);transform:rotate(-3deg);margin-top:30px}.evidence-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid #25372c50;padding-top:24px;margin-top:48px;font-size:12px}.evidence-bottom a{border-bottom:1px solid currentColor;padding-bottom:5px;white-space:nowrap}.evidence-bottom a span{margin-left:20px}
.context-section{border-top:1px solid #25372c50;background:#e9edda;padding:61px 0 70px}.context-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.context-art{position:relative;padding:25px 0}.context-art img{width:100%;height:330px;object-fit:contain}.context-art-note{position:absolute;left:6%;top:0;font-size:28px;transform:rotate(-7deg)}.context-copy .eyebrow{font-size:9px}.context-copy h2{font-size:clamp(48px,5vw,75px);margin-top:26px;line-height:1.02}.context-copy .headline-hand{color:var(--blue);display:inline-block;margin-top:5px}.context-copy>p{font-size:16px;max-width:385px;line-height:1.65;margin-top:24px}.context-copy .context-afterword{margin-top:14px;font-size:13px}.context-copy .text-link{margin-top:28px}
.finale{background:var(--orange);padding-top:33px}.finale .chapter-tag .hand{font-size:24px}.finale-title-row{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:68px}.finale h2{font-size:clamp(68px,9.7vw,150px);line-height:.98;letter-spacing:-.065em;max-width:1070px}.circled-word{position:relative;white-space:nowrap}.circled-word svg{position:absolute;inset:-14% -10%;width:120%;height:136%;fill:none;stroke:var(--ink);stroke-width:2.3;pointer-events:none}.finale-flower{font-size:165px;color:var(--butter);line-height:1;transform:rotate(13deg)}.finale-lower{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw;margin-top:65px}.finale-lower>p{font-size:19px;line-height:1.45;letter-spacing:-.02em;max-width:300px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:27px 28px;align-items:end}.contact-fields label{font-size:10px;letter-spacing:.04em}.contact-fields label>span{font-size:9px}.contact-fields input{display:block;width:100%;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #25372c90;border-radius:0;font-size:15px;padding:10px 0}.contact-fields input::placeholder{color:#25372cbd}.contact-fields .button{justify-self:end;min-width:175px;box-shadow:3px 3px 0 var(--paper)}.contact-status{font-size:11px;line-height:1.6;min-height:18px;margin-top:15px}.site-footer{margin-top:60px;border-top:1px solid #25372c65;padding-top:30px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:45px}.footer-brand img{width:150px;height:36px;object-fit:contain;filter:brightness(0)}.footer-brand p{font-size:12px;margin-top:15px;max-width:245px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 45px;font-size:12px}.footer-links a:hover{text-decoration:underline}.footer-contact{font-size:12px;line-height:1.7}.footer-wordmark{font-size:clamp(98px,20vw,300px);line-height:.88;letter-spacing:-.08em;font-weight:600;text-align:center;margin-top:57px;white-space:nowrap;user-select:none}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;border-top:1px solid #25372c60;margin-top:30px;padding:22px 0}
@media(min-width:1500px){.hero{padding-top:90px}.hero-art{width:calc(100% + 68px);margin-left:-10px}.hero h1{font-size:94px}.hero-copy{padding-bottom:65px}}
@media(max-width:1050px) and (min-width:761px){.nav-note{display:none}.hero{padding-top:65px;gap:10px}.hero h1{font-size:6.4vw}.hero-lead{font-size:15px;max-width:340px}.hero-actions{gap:18px}.hero-actions .hand{font-size:21px}.hero-actions .button{font-size:12px;padding:13px 15px;gap:20px}.hero-art{width:calc(100% + 35px)}.hero-art-note{font-size:22px;top:-35px}.hero-art-caption{font-size:6px}.evidence-layout{gap:42px}.evidence-intro h2{font-size:4.7vw}.proof-card{padding:19px 16px 0}.proof-card h3{font-size:28px}.proof-label{font-size:7px}.evidence-cards{gap:25px 19px}.detective-wrap>.hand{font-size:24px;left:68%}.context-layout{gap:45px}.finale-flower{font-size:110px}.footer-links{gap:12px 25px}.footer-top{gap:30px}}
@media(max-width:760px){
 :root{--gutter:24px}.wrap{max-width:550px}.site-nav{min-height:77px;gap:18px}.brand img{width:132px;height:32px}.nav-note{font-size:16px;margin-left:auto}.menu-toggle{display:flex;width:38px;height:38px;border:1.5px solid var(--ink);background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:5px;transform:rotate(3deg);margin-left:9px}.menu-toggle span{height:1.5px;width:16px;background:var(--ink)}.site-nav nav{display:none;position:absolute;top:76px;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));background:var(--paper);border-bottom:1.5px solid var(--ink);padding:26px var(--gutter);margin:0;flex-direction:column;align-items:stretch;gap:23px;font-size:16px;box-shadow:0 9px 0 #25372c15}.site-nav nav.open{display:flex}.site-nav nav .button{align-self:flex-start;font-size:14px;min-height:45px}
 .hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;gap:0}.hero-copy{padding:0}.edition{font-size:6px;letter-spacing:.06em;gap:7px;flex-wrap:wrap}.edition strong{font-size:7px}.edition-mark{font-size:20px}.hero h1{font-size:clamp(47px,12.4vw,72px);line-height:1.025;margin:23px 0 24px;letter-spacing:-.065em}.marked-word svg{height:17px;bottom:-7px;stroke-width:4}.hero-lead{font-size:14px;line-height:1.6;max-width:370px}.hero-actions{gap:22px;margin-top:23px}.hero-actions .button{font-size:12px;padding:13px 16px;gap:27px;min-height:48px}.hero-actions .hand{font-size:21px}.hero-art{width:calc(100% + 20px);margin:33px 0 0 -10px;padding-top:15px;align-self:auto}.hero-art img{width:100%;height:auto}.hero-art-note{font-size:21px;top:-2px;right:4%;line-height:.9}.hero-art-caption{font-size:6px;letter-spacing:.07em;margin-top:5px}.hero-bottom{font-size:6px;gap:23px;letter-spacing:.055em;margin-top:26px;padding:20px 0;line-height:1.5}.hero-bottom>span{max-width:46%}.hero-bottom>span:last-child{gap:10px;text-align:right}.hero-bottom>span:last-child>span{font-size:21px}.chapter-tag{font-size:7px;letter-spacing:.065em;gap:20px;padding-top:17px}.chapter-tag .hand{font-size:21px}.eyebrow{font-size:8px}
 .evidence-section{padding-top:35px;padding-bottom:43px}.evidence-layout{grid-template-columns:1fr;gap:20px;margin-top:42px}.evidence-intro{position:relative;min-height:235px;padding-right:80px}.evidence-intro h2{font-size:clamp(37px,9vw,55px);max-width:320px;line-height:1.04}.evidence-intro .headline-hand{margin-top:6px}.evidence-intro>p{font-size:13px;max-width:220px;margin-top:23px;line-height:1.6}.detective-wrap{position:absolute;right:-22px;top:50px;width:143px;height:195px;margin:0;pointer-events:none}.detective-wrap img{height:100%;width:100%;margin:0;object-fit:contain}.detective-wrap>.hand,.detective-arrow{display:none}.evidence-cards{grid-template-columns:1fr 1fr;gap:25px 18px;padding:12px 3px 18px}.proof-card{padding:17px 14px 0;box-shadow:3px 4px 0 #25372c18}.proof-label{font-size:6px;letter-spacing:.055em}.proof-drawing{width:59px;height:58px;margin:17px 0 15px}.proof-card h3{font-size:26px;line-height:1.02;margin-bottom:13px}.proof-card p{font-size:11px;line-height:1.5;min-height:33px;max-width:none}.proof-action{font-size:8px;margin-top:18px;padding:13px 0;gap:5px}.proof-action b{font-size:17px}.proof-detail{font-size:11px;padding:14px 0 17px;line-height:1.6}.proof-source{transform:rotate(-3deg)}.proof-source:before{width:45px;height:19px;top:-10px}.proof-meaning{margin-top:22px;transform:rotate(2deg)}.proof-method{margin-top:-8px;transform:rotate(2deg)}.proof-decision{margin-top:23px;transform:rotate(-2deg)}.evidence-bottom{display:block;font-size:11px;margin-top:26px;padding-top:19px}.evidence-bottom>span{display:block;max-width:300px;line-height:1.6}.evidence-bottom a{display:inline-block;margin-top:18px;font-size:12px}
 .context-section{padding:30px 0 47px}.context-layout{display:flex;flex-direction:column;gap:23px}.context-art{width:100%;padding:26px 0 0}.context-art img{height:235px}.context-art-note{font-size:24px;left:7%;top:5px}.context-copy{width:100%}.context-copy .eyebrow{font-size:7px}.context-copy h2{font-size:49px;margin-top:22px}.context-copy>p{font-size:14px;margin-top:21px;max-width:345px}.context-copy .context-afterword{font-size:12px;margin-top:12px}.context-copy .text-link{font-size:13px;margin-top:25px;gap:92px}
 .finale{padding-top:25px}.finale .chapter-tag{font-size:6px;line-height:1.5;gap:20px}.finale .chapter-tag>span:first-child{max-width:175px}.finale .chapter-tag .hand{font-size:21px;white-space:nowrap}.finale-title-row{margin-top:45px;gap:0}.finale h2{font-size:clamp(56px,14.3vw,88px);line-height:.98;letter-spacing:-.067em}.finale-flower{display:none}.finale-lower{grid-template-columns:1fr;gap:29px;margin-top:39px}.finale-lower>p{font-size:17px;max-width:320px;line-height:1.4}.contact-fields{grid-template-columns:1fr;gap:22px}.contact-fields label{font-size:9px}.contact-fields input{font-size:14px;padding:9px 0}.contact-fields .button{justify-self:start;min-width:200px;margin-top:2px}.contact-status{font-size:10px;margin-top:14px}.site-footer{margin-top:39px;padding-top:26px}.footer-top{display:grid;grid-template-columns:1fr;gap:27px}.footer-brand img{width:135px;height:32px}.footer-brand p{font-size:11px;margin-top:12px}.footer-links{font-size:11px;grid-template-columns:1fr 1fr;gap:13px 30px}.footer-contact{font-size:10px;line-height:1.6}.footer-wordmark{font-size:20vw;margin-top:40px;line-height:.93;letter-spacing:-.08em}.footer-bottom{font-size:7px;gap:12px;line-height:1.5;padding:19px 0 22px;margin-top:25px}.footer-bottom>a:last-child{text-align:right;max-width:85px}
}
@media(max-width:360px){:root{--gutter:20px}.nav-note{font-size:14px}.hero h1{font-size:12.1vw}.hero-actions .hand{font-size:18px}.hero-actions .button{font-size:11px;gap:15px}.evidence-intro{padding-right:50px}.evidence-intro h2{font-size:34px}.evidence-intro>p{max-width:185px}.detective-wrap{right:-18px;width:120px}.proof-card{padding:15px 11px 0}.proof-card h3{font-size:22px}.proof-label{font-size:5.8px}.proof-card p{font-size:10px}.proof-action{font-size:7px}.context-copy h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

 .board-section{background:var(--paper,#fff8e8);color:var(--ink,#25372c);padding:112px var(--gutter,32px) 96px;overflow:hidden}
.board-layout{max-width:var(--content,1280px);margin:0 auto;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,5vw,78px);align-items:center}
.board-intro{position:relative;max-width:430px;padding-bottom:26px}
.board-eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;margin:0 0 26px;line-height:1.5}
.board-eyebrow span{margin-right:10px}
.board-intro h2{font:inherit;font-size:clamp(38px,4.15vw,61px);font-weight:600;line-height:1.03;letter-spacing:-.055em;margin:0 0 26px}
.board-lead{font-size:19px;line-height:1.52;max-width:350px;margin:0 0 18px;letter-spacing:-.015em}
.board-small{font-size:15px;line-height:1.6;max-width:344px;margin:0 0 30px}
.board-toggle{font:inherit;display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:600;line-height:1.35;color:var(--paper,#fff8e8);background:var(--ink,#25372c);border:1.5px solid var(--ink,#25372c);border-radius:4px;padding:15px 19px;cursor:pointer;min-height:52px;box-shadow:3px 3px 0 var(--paper,#fff8e8),4px 4px 0 var(--ink,#25372c)}
.board-toggle:hover{background:#354c3d}
.board-toggle:focus-visible{outline:3px solid var(--orange,#f16b45);outline-offset:7px}
.board-toggle svg{flex-shrink:0}
.board-status{font-size:13px;line-height:1.55;max-width:338px;min-height:61px;margin:21px 0 0}
.board-demo-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:5px;margin-top:16px}
.board-demo-link:hover{color:var(--blue)}
.board-side-note{display:block;max-width:300px;font-size:23px;line-height:1.1;transform:rotate(-5deg);margin:20px 0 0 23px;color:var(--ink,#25372c)}
.board-workspace{min-width:0}
.board-desk-label{display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:600;letter-spacing:.12em;padding:0 5px 12px;border-bottom:1px solid rgba(37,55,44,.28)}
.board-papers{position:relative;height:640px;isolation:isolate}
.board-paper{position:absolute;border:1.4px solid var(--ink,#25372c);border-radius:1px;padding:18px 18px 17px;box-shadow:3px 4px 0 rgba(37,55,44,.12);box-sizing:border-box;background:var(--paper,#fff8e8);transform-origin:center;min-width:0}
.board-paper-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:13px}
.board-paper h3{font:inherit;font-size:11px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;line-height:1.25;margin:0}
.board-ref{font-size:10px;font-weight:600;line-height:1.3}
.board-paper p{font-size:15px;line-height:1.4;letter-spacing:-.015em;margin:0}
.board-orders{width:39%;height:182px;left:3%;top:28px;background:var(--lilac,#b9bffa);transform:rotate(-4deg)}
.board-chart{display:block;width:100%;height:47px;margin:-1px 0 8px}
.board-scribble{position:absolute;font-size:20px;bottom:-24px;right:0;white-space:nowrap;transform:rotate(3deg)}
.board-costs{width:34%;height:181px;left:60%;top:17px;transform:rotate(6deg);background:#fffdf5}
.board-costs:after{content:"";position:absolute;inset:auto 8px -5px;height:8px;background:linear-gradient(135deg,transparent 4px,#fffdf5 4px) 0 0/9px 8px,linear-gradient(225deg,transparent 4px,#fffdf5 4px) 0 0/9px 8px;border-bottom:1px solid rgba(37,55,44,.22)}
.board-receipt-line{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.6;border-bottom:1px dashed rgba(37,55,44,.25);padding:0 0 3px;margin-bottom:4px}
.board-receipt-line>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.board-costs p{font-size:12px;margin-top:10px}
.board-question{width:53%;height:186px;left:6%;top:252px;background:var(--orange,#f16b45);transform:rotate(-2deg);z-index:2;padding:19px}
.board-question .board-paper-top{margin-bottom:15px}
.board-question p.board-question-text{font-size:clamp(23px,2.5vw,33px);font-weight:600;line-height:1.08;letter-spacing:-.04em}
.board-question-note{font-size:21px;line-height:1;display:block;transform:rotate(-3deg);margin-top:15px}
.board-team{width:35%;height:185px;left:64%;top:235px;transform:rotate(4deg);background:var(--butter,#f2d77e)}
.board-team p{font-size:20px;line-height:1.22;letter-spacing:-.025em}
.board-card-foot{display:block;font-size:8px;line-height:1.4;letter-spacing:.1em;margin-top:15px}
.board-underline{width:85%;height:12px;position:absolute;bottom:13px;left:18px}
.board-resources{width:32%;height:144px;left:2%;top:491px;transform:rotate(3deg);background:var(--sage,#bac9b6)}
.board-resources p{font-size:15px;line-height:1.4;letter-spacing:-.02em}
.board-resource-mark{font-size:33px;line-height:1;position:absolute;right:14px;bottom:17px;transform:rotate(-5deg)}
.board-history{width:47%;height:143px;left:49%;top:472px;transform:rotate(-5deg);background:var(--paper,#fff8e8)}
.board-history p{font-size:18px;line-height:1.3}
.board-history-line{font-size:22px;line-height:1;position:absolute;right:17px;bottom:12px;transform:rotate(-3deg)}
.board-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--ink,#25372c);z-index:-1}
.board-links-loose{opacity:.65}
.board-links-connected{opacity:0}
.board-caption{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;letter-spacing:.01em;margin:18px 0 0 5px}
.board-caption-dot{width:5px;height:5px;background:var(--ink,#25372c);border-radius:50%;flex:0 0 5px}
.board-is-ready .board-paper{transition:left .65s cubic-bezier(.22,.68,.2,1),top .65s cubic-bezier(.22,.68,.2,1),width .65s cubic-bezier(.22,.68,.2,1),height .65s cubic-bezier(.22,.68,.2,1),transform .65s cubic-bezier(.22,.68,.2,1),box-shadow .65s}
.board-is-ready .board-links g{transition:opacity .35s}
.board-is-tidy .board-orders{left:0;top:26px;width:39%;height:168px;transform:rotate(-1deg)}
.board-is-tidy .board-costs{left:61%;top:26px;width:39%;height:168px;transform:rotate(1deg)}
.board-is-tidy .board-scribble{display:none}
.board-is-tidy .board-question{left:21%;top:238px;width:58%;height:181px;transform:rotate(0)}
.board-is-tidy .board-team{left:0;top:475px;width:32%;height:163px;transform:rotate(-1deg)}
.board-is-tidy .board-resources{left:35%;top:475px;width:30%;height:163px;transform:rotate(0)}
.board-is-tidy .board-history{left:68%;top:475px;width:32%;height:163px;transform:rotate(1deg)}
.board-is-tidy .board-team p{font-size:17px}
.board-is-tidy .board-history p{font-size:16px}
.board-is-tidy .board-links-loose{opacity:0}
.board-is-tidy .board-links-connected{opacity:.7}
.board-is-tidy .board-paper{box-shadow:2px 3px 0 rgba(37,55,44,.12)}
@media(min-width:901px) and (max-width:1100px){.board-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px}.board-paper{padding:15px 13px}.board-paper h3{font-size:9px}.board-question p.board-question-text{font-size:27px}.board-team p{font-size:18px}.board-card-foot{font-size:7px}.board-is-tidy .board-team p{font-size:16px}.board-is-tidy .board-history p{font-size:15px}.board-history-line{right:10px;font-size:20px}}
@media(max-width:900px){.board-section{padding-top:76px;padding-bottom:66px}.board-layout{grid-template-columns:1fr;gap:28px;max-width:700px}.board-intro{max-width:650px;padding-bottom:0}.board-intro h2{font-size:clamp(38px,7vw,56px)}.board-lead{max-width:550px}.board-small{max-width:500px}.board-status{min-height:0;max-width:500px}.board-side-note{display:none}.board-question p.board-question-text{font-size:34px}}
@media(max-width:560px){.board-section{padding-left:var(--gutter,20px);padding-right:var(--gutter,20px);padding-top:62px}.board-eyebrow{font-size:9px;margin-bottom:19px}.board-intro h2{font-size:clamp(34px,9vw,47px);margin-bottom:20px}.board-lead{font-size:17px;line-height:1.48}.board-small{font-size:14px}.board-toggle{font-size:13px;padding:13px 17px}.board-status{font-size:12px;margin-top:18px}.board-desk-label{font-size:7px;letter-spacing:.06em}.board-papers{height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:21px 15px;padding:26px 3px 5px}.board-paper,.board-is-tidy .board-paper{position:relative;inset:auto;width:auto;height:auto;min-height:157px;padding:14px 12px;transform:none;transition:transform .45s,box-shadow .45s}.board-paper h3{font-size:9px;letter-spacing:.04em}.board-ref{font-size:8px}.board-paper-top{margin-bottom:12px}.board-paper p{font-size:14px}.board-orders{transform:rotate(-3deg);margin-top:7px}.board-costs{transform:rotate(3deg);margin-bottom:7px}.board-chart{height:41px}.board-scribble{display:none}.board-question,.board-is-tidy .board-question{grid-column:1/-1;min-height:168px;margin:0 15px;padding:18px 20px;transform:rotate(-2deg)}.board-question p.board-question-text{font-size:31px;max-width:290px}.board-question-note{font-size:22px;margin-top:13px}.board-team{transform:rotate(2deg);min-height:164px}.board-team p,.board-is-tidy .board-team p{font-size:18px}.board-card-foot{font-size:7px;max-width:110px;line-height:1.4}.board-resources{transform:rotate(-3deg);margin-top:5px}.board-resources p{font-size:20px;line-height:1.2}.board-resource-mark{font-size:30px;right:12px;bottom:18px}.board-history,.board-is-tidy .board-history{grid-column:1/-1;min-height:118px;margin:0 23px 0 8px;transform:rotate(2deg)}.board-history p,.board-is-tidy .board-history p{font-size:18px;max-width:190px}.board-history-line{font-size:23px;right:15px;bottom:15px}.board-links{display:none}.board-caption{font-size:9px;margin-top:20px;align-items:flex-start}.board-caption-dot{margin-top:4px}.board-is-tidy .board-paper{transform:rotate(0);box-shadow:3px 3px 0 var(--ink,#25372c)}.board-is-tidy .board-question{transform:none}.board-is-tidy .board-history{transform:none}.board-is-tidy .board-papers:before{content:"";position:absolute;left:50%;top:28px;bottom:21px;border-left:1px dashed rgba(37,55,44,.45);z-index:-1}}
@media(max-width:360px){.board-papers{gap:20px 11px}.board-paper,.board-is-tidy .board-paper{padding:13px 10px}.board-paper h3{font-size:8px}.board-question p.board-question-text{font-size:27px}.board-question,.board-is-tidy .board-question{margin-inline:6px}.board-history-line{position:static;display:block;margin-top:7px}.board-history,.board-is-tidy .board-history{min-height:138px}.board-team p,.board-is-tidy .board-team p{font-size:16px}.board-desk-label{font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.board-is-ready .board-paper,.board-is-ready .board-links g,.board-paper,.board-toggle{transition:none!important}}

 .chain-section{background:var(--blue,#3449BA);color:var(--paper,#FFF8E8);padding:36px clamp(22px,4.8vw,72px) 66px;overflow:hidden}
.chain-shell{max-width:1280px;margin-inline:auto}
.chain-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #fff8e87a;padding-top:16px;font-size:11px;letter-spacing:.095em;text-transform:uppercase}
.chain-margin-note{font-family:Caveat,cursive;font-size:24px;letter-spacing:0;text-transform:none;transform:rotate(-3deg);color:var(--butter,#F2D77E)}
.chain-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;padding-top:63px}
.chain-intro h2{font-size:clamp(54px,6.9vw,94px);font-weight:600;line-height:.99;letter-spacing:-.06em;margin:0;max-width:840px}
.chain-intro h2 span{color:var(--butter,#F2D77E)}
.chain-intro>p{max-width:278px;font-size:17px;line-height:1.55;margin:0 0 4px}
.chain-workings{padding-top:53px}
.chain-instruction{font-family:Caveat,cursive;font-size:24px;margin:0 0 16px;color:var(--paper,#FFF8E8);transform:rotate(-2deg);transform-origin:left}
.chain-dominoes{--chain-land-angle:16deg;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,3.5vw,51px);padding:17px 21px 4px;isolation:isolate}
.chain-station{position:relative;min-width:0;text-align:center;z-index:1}.chain-station:nth-child(2){z-index:2}.chain-station:nth-child(3){z-index:3}.chain-station:nth-child(4){z-index:4}.chain-station:nth-child(5){z-index:5}
.chain-station:not(:last-child):after{content:'';position:absolute;left:calc(100% + 7px);top:47%;font-family:Caveat,cursive;font-size:32px;color:var(--paper,#FFF8E8);line-height:1;transform:rotate(-7deg)}
.chain-card{--chain-rest-shadow:7px 9px 0 #172879;--chain-fallen-shadow:4px 5px 0 #172879;--chain-land-offset:0deg;display:flex;position:relative;flex-direction:column;align-items:stretch;justify-content:space-between;gap:8px;width:100%;min-height:267px;padding:16px 17px 21px;border:1.5px solid var(--ink,#25372C);border-radius:3px 5px 2px 6px;background:var(--paper,#FFF8E8);color:var(--ink,#25372C);box-shadow:var(--chain-rest-shadow);cursor:pointer;transform:rotate(var(--chain-tilt,-4deg));transform-origin:50% 100%;transition:none;font:inherit;text-align:left;appearance:none;outline-offset:7px;z-index:1}
.chain-card:focus-visible{outline:3px solid var(--paper,#FFF8E8)}
.chain-card:hover{outline:1px solid #fff8e899;outline-offset:4px}
.chain-card[aria-pressed=true]{outline:2px solid var(--butter,#F2D77E);outline-offset:5px}
.chain-card[aria-pressed=true]:before{content:'';position:absolute;left:14px;right:13px;bottom:14px;height:4px;border-bottom:2px solid currentColor;border-radius:50%;transform:rotate(-2deg)}
.chain-station:nth-child(2) .chain-card{--chain-tilt:-2deg;--chain-land-offset:-.65deg;background:var(--sage,#BAC9B6)}
.chain-station:nth-child(3) .chain-card{--chain-tilt:-3deg;--chain-land-offset:.6deg;background:var(--butter,#F2D77E)}
.chain-station:nth-child(4) .chain-card{--chain-tilt:-1deg;--chain-land-offset:-.3deg;background:var(--lilac,#B9BFFA)}
.chain-station:nth-child(5) .chain-card{--chain-tilt:-4deg;--chain-land-offset:-1deg;background:var(--orange,#F16B45)}
.chain-card-number{font-size:11px;line-height:1;font-variant-numeric:tabular-nums}
.chain-card-title{margin-inline:-5px;text-align:center;font-size:clamp(18px,2vw,27px);font-weight:600;letter-spacing:-.04em;line-height:1.05;white-space:nowrap}
.chain-drawing{display:block;align-self:center;width:min(100%,110px);height:145px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.chain-pencil{stroke-width:1.15;opacity:.65}
.chain-under-card{display:block;margin-top:26px;font-size:11px;line-height:1.3}
.chain-card.chain-tipping,.chain-card.chain-returning{will-change:transform}
.chain-card.chain-landed{transform:rotate(calc(var(--chain-land-angle) + var(--chain-land-offset)));box-shadow:var(--chain-fallen-shadow);transition:none}
.chain-station.chain-rippling:before{content:'';position:absolute;left:50%;bottom:28px;border:2px solid var(--butter,#F2D77E);border-radius:50%;width:56px;height:17px;pointer-events:none;animation:chain-ring .7s ease-out both;z-index:0}
.chain-bottom{display:flex;align-items:center;justify-content:space-between;gap:60px;border-top:1px solid #fff8e87a;margin-top:39px;padding-top:27px;min-height:144px}
.chain-explanation{max-width:735px}
.chain-current{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--butter,#F2D77E);margin:0 0 12px}
.chain-copy{font-size:clamp(19px,2vw,24px);line-height:1.4;letter-spacing:-.025em;margin:0;min-height:2.8em}
.chain-controls{display:flex;flex-direction:column;align-items:stretch;gap:11px;flex-shrink:0;min-width:208px}
.chain-replay{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0;min-height:53px;padding:13px 19px;border:1px solid var(--ink,#25372C);border-radius:3px 5px 4px 2px;background:var(--butter,#F2D77E);color:var(--ink,#25372C);box-shadow:4px 4px 0 #172879;font:inherit;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer;transition:transform .2s,box-shadow .2s;outline-offset:5px}
.chain-replay:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #172879}
.chain-replay:active{transform:none;box-shadow:2px 2px 0 #172879}
.chain-replay:focus-visible{outline:3px solid var(--paper,#FFF8E8)}
.chain-replay span{font-size:23px;font-weight:400}
.chain-boundary{font-size:11px;line-height:1.55;color:var(--paper,#FFF8E8);margin:26px 0 0;max-width:680px}

.chain-reset{align-self:center;padding:8px 0;min-height:36px;border:0;border-bottom:1px solid #fff8e880;border-radius:0;background:transparent;color:var(--paper,#FFF8E8);font:inherit;font-size:12px;cursor:pointer;outline-offset:5px}
.chain-reset:hover{border-bottom-color:var(--paper,#FFF8E8)}
.chain-reset:focus-visible{outline:2px solid var(--paper,#FFF8E8)}
.chain-reset:disabled{opacity:.55;cursor:default;border-bottom-color:transparent}
.chain-status{margin:18px 0 0;font-size:12px;line-height:1.5;min-height:1.5em;color:var(--paper,#FFF8E8)}
.chain-card[aria-pressed=true]:focus-visible{outline:3px solid var(--paper,#FFF8E8)}
@keyframes chain-ring{0%{transform:translateX(-50%) scale(.25);opacity:0}20%{opacity:.85}100%{transform:translateX(-50%) scale(3.2);opacity:0}}
@media(max-width:900px){.chain-intro{gap:35px}.chain-intro>p{max-width:230px;font-size:15px}.chain-dominoes{--chain-land-angle:9deg;gap:23px;padding-inline:7px 19px}.chain-card{min-height:225px;padding:14px 11px 20px}.chain-card-title{font-size:clamp(13px,2.22vw,20px)}.chain-drawing{height:118px}.chain-station:not(:last-child):after{left:calc(100% + 3px);font-size:24px}.chain-bottom{gap:35px}}
@media(max-width:600px){.chain-section{padding:25px 22px 43px}.chain-eyebrow{font-size:9px;gap:14px}.chain-margin-note{font-size:17px;max-width:120px;text-align:right;line-height:1.05}.chain-intro{display:block;padding-top:43px}.chain-intro h2{font-size:clamp(43px,11.3vw,66px);line-height:1.01}.chain-intro>p{max-width:330px;font-size:15px;line-height:1.5;margin-top:23px}.chain-workings{padding-top:32px}.chain-instruction{font-size:21px;margin-bottom:17px}.chain-dominoes{--chain-land-angle:8deg;gap:10px;padding:10px 12px 0 2px}.chain-card{min-height:166px;gap:5px;padding:10px 5px 16px;border-width:1px;--chain-rest-shadow:3px 5px 0 #172879;--chain-fallen-shadow:2px 3px 0 #172879;--chain-tilt:-3deg}.chain-card[aria-pressed=true]{outline-width:1.5px;outline-offset:3px}.chain-card[aria-pressed=true]:before{left:5px;right:5px;bottom:9px;border-width:1.5px}.chain-card-number{font-size:9px}.chain-card-title{font-size:clamp(11px,3.1vw,16px);letter-spacing:-.045em;line-height:1.2}.chain-drawing{height:99px;width:100%;stroke-width:2.5}.chain-under-card{font-size:9px;line-height:1.3;margin-top:19px}.chain-station:not(:last-child):after{left:calc(100% + 1px);top:48%;font-size:14px}.chain-bottom{display:block;margin-top:26px;padding-top:24px;min-height:0}.chain-current{font-size:9px;margin-bottom:10px}.chain-copy{font-size:20px;min-height:4.2em}.chain-controls{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:23px;min-width:0}.chain-replay{margin-top:0;min-height:49px;font-size:12px;padding:12px 17px}.chain-boundary{font-size:10px;margin-top:23px}.chain-station.chain-rippling:before{width:23px;height:9px;bottom:31px;border-width:1px}}
@media(max-width:359px){.chain-section{padding-inline:18px}.chain-dominoes{gap:7px}.chain-card{min-height:148px;padding-inline:3px}.chain-drawing{height:80px}.chain-card-title{font-size:11px;margin-inline:-3px;letter-spacing:-.075em}.chain-under-card{font-size:8px}.chain-station:not(:last-child):after{left:100%;font-size:12px}.chain-copy{font-size:18px}}
@media(prefers-reduced-motion:reduce){.chain-card,.chain-replay{transition:none}.chain-station.chain-rippling:before{animation:none;display:none}}

 /* Small, still marks in the margins: the notebook keeps its breathing room. */
#sketchbook-site{overflow-x:clip;background-image:radial-gradient(#25372c0d .65px,transparent .8px);background-size:9px 9px}
.hero,.board-section,.evidence-section,.context-section{position:relative;isolation:isolate}
.page-marginalia{position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none;overflow:clip}
.paper-tile{position:absolute;display:block;width:38px;height:38px;border:1px solid #25372c55;transform:rotate(-12deg)}
.tile-lilac{background:var(--lilac);box-shadow:5px 5px 0 #b9bffa44}
.tile-orange{background:var(--orange)}
.tile-checker{width:55px;height:55px;border:0;background:conic-gradient(var(--sage) 25%,transparent 0 50%,var(--sage) 0 75%,transparent 0) 0 0/27.5px 27.5px;transform:rotate(9deg)}
.margin-star{position:absolute;width:45px;height:45px;fill:none;stroke:var(--orange);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.margin-loop{position:absolute;width:100px;height:70px;fill:none;stroke:var(--ink);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.hero-marginalia .tile-lilac{right:45%;top:30px;width:22px;height:22px;transform:rotate(16deg)}
.hero-marginalia .tile-orange{right:0;top:61%;width:17px;height:17px;transform:rotate(-9deg)}
.hero-marginalia .margin-star{right:3%;top:30px;width:34px;height:34px;transform:rotate(8deg)}
.hero-marginalia .margin-loop{left:35%;bottom:85px;width:75px;height:50px;transform:rotate(28deg)}
.hero-art:before{content:'';position:absolute;width:71%;height:77%;right:8%;top:8%;background-color:#f3edda;background-image:linear-gradient(#7d927c22 1px,transparent 1px),linear-gradient(90deg,#7d927c22 1px,transparent 1px);background-size:23px 23px;border:1px solid #25372c20;transform:rotate(-7deg);clip-path:polygon(0 2%,96% 0,100% 97%,2% 100%)}
.hero-art:after{content:'';position:absolute;width:71px;height:20px;left:24%;top:14%;background:#bac9b699;border-inline:1px dashed #25372c40;transform:rotate(-14deg);z-index:0}
.board-section{background-color:var(--paper);background-image:radial-gradient(#25372c0d .65px,transparent .8px);background-size:9px 9px}
.board-marginalia:before{content:'';position:absolute;width:31%;height:64%;right:5%;top:20%;background-image:linear-gradient(#3449ba14 1px,transparent 1px),linear-gradient(90deg,#3449ba14 1px,transparent 1px);background-size:28px 28px;transform:rotate(4deg);mask-image:linear-gradient(135deg,transparent,#000 25%,#000 70%,transparent)}
.board-marginalia .tile-checker{left:3%;top:25px;opacity:.8}
.board-marginalia .tile-lilac{left:29%;bottom:53px;width:24px;height:24px;transform:rotate(15deg)}
.board-marginalia .margin-loop{left:10%;bottom:45px;transform:rotate(-12deg);width:128px;height:85px}
.board-marginalia .margin-star{right:1.3%;bottom:50px;stroke:var(--blue);width:32px;height:32px}
.evidence-marginalia .tile-lilac{left:37%;top:87px;width:23px;height:23px;transform:rotate(17deg)}
.evidence-marginalia .tile-checker{left:7%;bottom:135px;width:45px;height:45px;background-size:22.5px 22.5px;opacity:.65}
.evidence-marginalia .margin-star{right:1%;top:125px;stroke:var(--blue);width:29px;height:29px}
.context-marginalia:before{content:'';position:absolute;width:240px;height:190px;left:11%;top:100px;background-image:radial-gradient(#25372c2b 1px,transparent 1px);background-size:14px 14px;transform:rotate(-8deg)}
.context-marginalia .tile-checker{right:3%;bottom:28px;opacity:.65}
.context-marginalia .tile-orange{left:3%;top:27px;width:22px;height:22px;transform:rotate(15deg)}
.context-marginalia .margin-loop{right:7%;top:21px;width:84px;height:56px;transform:rotate(-15deg)}
@media(max-width:900px){.board-marginalia:before{width:68%;height:46%;top:auto;bottom:120px}.board-marginalia .tile-lilac{left:8%;bottom:26px}.board-marginalia .margin-loop{display:none}.board-marginalia .tile-checker{left:auto;right:5%;top:30px;width:33px;height:33px;background-size:16.5px 16.5px}.evidence-marginalia .tile-lilac{left:46%;top:60px}}
@media(max-width:760px){
 #sketchbook-site,.board-section{background-size:10px 10px}
 .hero-marginalia .tile-lilac{right:6px;top:18px;width:12px;height:12px;box-shadow:3px 3px 0 #b9bffa44}
 .hero-marginalia .tile-orange{right:1px;top:auto;bottom:165px;width:12px;height:12px}
 .hero-marginalia .margin-star,.hero-marginalia .margin-loop{display:none}
 .hero-art:before{background-size:18px 18px;top:13%;height:72%}.hero-art:after{width:50px;height:15px;top:17%;left:27%}
 .board-marginalia .tile-checker{width:24px;height:24px;background-size:12px 12px;right:6%;top:18px;opacity:.65}
 .board-marginalia .margin-star{bottom:20px;width:24px;height:24px;right:7%}
 .board-marginalia .tile-lilac{width:15px;height:15px;bottom:25px}
 .evidence-marginalia .tile-lilac{left:5%;top:auto;bottom:160px;width:16px;height:16px}
 .evidence-marginalia .tile-checker{display:none}.evidence-marginalia .margin-star{top:79px;right:1%;width:21px;height:21px}
 .context-marginalia:before{left:21%;top:75px;width:150px;height:110px}
 .context-marginalia .tile-orange{left:5%;top:19px;width:13px;height:13px}
 .context-marginalia .tile-checker{width:30px;height:30px;background-size:15px 15px;right:4%;bottom:24px}
 .context-marginalia .margin-loop{right:5%;top:40px;width:53px;height:36px}
}

/* The opening spread: warm paper, working notes and a little living ink. */
.hero{padding-top:60px}
.hero:before{content:'';position:absolute;inset:0 calc(-1 * var(--gutter));z-index:-2;background:linear-gradient(110deg,#fff8e8 30%,#f8edda 100%)}
.hero .hero-marginalia{overflow:visible}
.hero-paper{position:absolute;display:block;pointer-events:none}
.hero-paper-peach{width:44%;height:74%;right:calc(-1 * var(--gutter) + 8px);top:11%;background:#edb79575;transform:rotate(9deg);clip-path:polygon(3% 0,99% 3%,96% 98%,0 94%)}
.hero-paper-lilac{width:24%;height:29%;right:32%;top:12%;background:#b9bffa6b;border:1px solid #3449ba25;border-radius:46% 54% 51% 49%;transform:rotate(-17deg)}
.hero-paper-lilac:after{content:'';position:absolute;inset:9px -6px -5px 9px;border:1px solid #3449ba45;border-radius:53% 47% 48% 52%;transform:rotate(12deg)}
.hero-paper-checks{left:calc(-1 * var(--gutter) + 7px);bottom:73px;width:126px;height:90px;opacity:.5;transform:rotate(-11deg);background:conic-gradient(#bac9b6 25%,transparent 0 50%,#bac9b6 0 75%,transparent 0) 0 0/30px 30px;mask-image:linear-gradient(110deg,#000,transparent)}
.hero-marginalia .tile-lilac{right:50%;top:29px;width:19px;height:19px}
.hero-marginalia .tile-orange{right:2%;top:auto;bottom:87px;width:18px;height:18px;transform:rotate(14deg)}
.hero-marginalia .hero-doodle-spark{right:10%;top:15px;width:41px;height:41px;transform:rotate(-8deg)}
.hero-marginalia .hero-doodle-loop{left:33%;bottom:112px;width:85px;height:56px;transform:rotate(16deg);opacity:.42}
.hero-doodle{position:absolute;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.hero-doodle-pencil{right:-20px;top:32%;width:45px;height:85px;transform:rotate(17deg);opacity:.75}
.hero-doodle-dots{left:44%;bottom:115px;width:82px;height:68px;transform:rotate(-9deg);opacity:.8}
.hero-art{padding-top:38px}
.hero-art:before{width:79%;height:76%;right:5%;top:12%;background-color:#e8eddc;background-image:linear-gradient(#6f85682b 1px,transparent 1px),linear-gradient(90deg,#6f85682b 1px,transparent 1px);background-size:25px 25px;transform:rotate(-6deg)}
.hero-art:after{top:18%;left:27%;width:63px;height:20px;background:#bac9b6b0}
.hero-question-note{position:absolute;left:5%;top:-14px;width:151px;padding:18px 12px 9px;background:#f7dfa0;color:var(--ink);border:1px solid #25372c45;box-shadow:3px 4px 0 #25372c13;transform:rotate(-8deg);z-index:2;text-align:center}
.note-pin{position:absolute;left:48%;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:1px 1px 0 var(--ink)}
.note-kicker{display:block;font-size:5.6px;letter-spacing:.09em;font-weight:600;line-height:1.4;margin-bottom:8px}
.hero-question-note .hand{font-size:26px;white-space:nowrap}
.hero-question-note svg{width:75px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;margin:auto}
.hero-art-note{font-size:25px;right:5%;top:-10px;transform:rotate(5deg)}
.hero-lead{max-width:420px;font-size:16px;line-height:1.6}
.hero-lead strong{font-weight:600}
.hero-bottom{position:relative;z-index:2;align-items:center;margin-top:24px;padding:21px 0 26px;gap:30px;letter-spacing:0}
.hero-sequence{display:flex;position:relative;align-items:center;gap:28px;isolation:isolate}
.hero-sequence>span{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap}
.hero-sequence b{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border:1px solid #25372c70;border-radius:50%;font-size:8px;letter-spacing:0;font-weight:400;background:var(--paper)}
.hero-sequence>span:nth-of-type(2) b{background:#d9dfcd;transform:rotate(8deg)}
.hero-sequence>span:nth-of-type(3) b{background:#d5d8fb;transform:rotate(-7deg)}
.hero-sequence-line{position:absolute;left:10px;right:0;bottom:-15px;width:calc(100% - 20px);height:24px;fill:none;stroke:#25372c38;stroke-width:1.1;overflow:visible;z-index:-1}
.hero-sequence-line .sequence-signal{stroke:var(--orange);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 98;animation:notebook-thread 9s linear infinite}
.hero-motion-toggle{display:inline-flex;gap:7px;align-items:center;justify-content:center;flex-shrink:0;min-height:36px;padding:8px 0 8px 8px;border:0;background:transparent;font-size:10px;letter-spacing:0;color:var(--ink);opacity:.8;white-space:nowrap}
.hero-motion-toggle:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.hero-motion-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero-motion-toggle:disabled{opacity:.55;cursor:default;text-decoration:none}
.motion-play-icon{display:none}
.hero[data-motion=paused] .motion-pause-icon{display:none}.hero[data-motion=paused] .motion-play-icon{display:block}
.doodle-sway{transform-origin:30px 30px;animation:notebook-sway 8s ease-in-out infinite}
.doodle-float{animation:notebook-float 7s ease-in-out infinite}
.doodle-pulse{transform-box:fill-box;transform-origin:center;animation:notebook-pulse 6s ease-in-out infinite}
.hero-question-note{animation:notebook-note 9s ease-in-out infinite}
.hero[data-motion=paused] .doodle-sway,.hero[data-motion=paused] .doodle-float,.hero[data-motion=paused] .doodle-pulse,.hero[data-motion=paused] .hero-question-note,.hero[data-motion=paused] .sequence-signal,
.hero[data-motion-visible=false] .doodle-sway,.hero[data-motion-visible=false] .doodle-float,.hero[data-motion-visible=false] .doodle-pulse,.hero[data-motion-visible=false] .hero-question-note,.hero[data-motion-visible=false] .sequence-signal{animation-play-state:paused}
@keyframes notebook-thread{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@keyframes notebook-sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(11deg)}}
@keyframes notebook-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes notebook-pulse{0%,65%,100%{transform:scale(1)}78%{transform:scale(1.16)}}
@keyframes notebook-note{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-3px)}}
@media(min-width:1500px){.hero{padding-top:75px}.hero-question-note{left:8%;top:-20px}.hero-doodle-pencil{right:-32px}.hero-sequence>span{font-size:11px}}
@media(min-width:761px) and (max-width:1050px){.hero-question-note{width:120px;left:1%;top:-19px;padding:14px 8px 7px}.hero-question-note .hand{font-size:21px}.note-kicker{font-size:4.7px}.hero-art-note{font-size:20px;top:-13px;right:1%}.hero-lead{font-size:15px}.hero-sequence{gap:15px}.hero-sequence>span{font-size:8px;gap:6px}.hero-motion-toggle{font-size:9px}.hero-doodle-dots{left:43%;bottom:100px;width:58px}.hero-paper-checks{width:80px}.hero-doodle-pencil{width:30px;right:-10px}}
@media(max-width:760px){
 .hero{padding-top:31px}
 .hero:before{background:linear-gradient(180deg,#fff8e8 25%,#f8edda 100%)}
 .hero-paper-peach{width:81%;height:37%;top:auto;bottom:122px;right:-30px;transform:rotate(8deg);background:#edb79566}
 .hero-paper-lilac{width:54%;height:17%;top:auto;bottom:232px;right:36%;opacity:.8}
 .hero-paper-checks{width:70px;height:58px;left:-22px;bottom:155px;background-size:22px 22px;opacity:.55}
 .hero-marginalia .tile-lilac{top:18px;right:1%;width:13px;height:13px}
 .hero-marginalia .tile-orange{bottom:135px;right:1%;width:12px;height:12px}
 .hero-marginalia .hero-doodle-spark{display:block;right:4%;top:auto;bottom:170px;width:26px;height:26px}
 .hero-marginalia .hero-doodle-loop{display:none}.hero-doodle-dots{width:45px;height:37px;left:auto;right:1%;bottom:350px;opacity:.55}
 .hero-doodle-pencil{width:26px;height:46px;right:-13px;top:auto;bottom:265px;opacity:.5}
 .hero-lead{font-size:14px;max-width:370px;line-height:1.6}
 .hero-art{margin-top:52px;padding-top:21px}
 .hero-art:before{top:16%;height:70%;right:4%;width:84%;background-size:18px 18px}
 .hero-art:after{width:47px;height:14px;top:23%;left:29%}
 .hero-question-note{left:4%;top:-26px;width:105px;padding:12px 7px 5px;box-shadow:2px 3px 0 #25372c13}
 .note-kicker{font-size:4px;letter-spacing:.035em;margin-bottom:5px}.hero-question-note .hand{font-size:18px}.hero-question-note svg{width:54px;height:17px}.note-pin{width:5px;height:5px;top:-3px}
 .hero-art-note{font-size:19px;right:1%;top:-24px;line-height:.95}
 .hero-art-caption{font-size:5.6px;margin-top:10px;letter-spacing:.04em}
 .hero-bottom{flex-direction:column;align-items:stretch;gap:10px;margin-top:23px;padding:19px 0 14px}
 .hero-sequence{display:grid;grid-template-columns:.9fr 1.1fr 1.1fr;gap:8px;padding-bottom:6px}
 .hero-sequence>span{display:block;white-space:normal;font-size:8.5px;line-height:1.35;text-align:left;max-width:110px}
 .hero-sequence b{width:21px;height:21px;font-size:7px;margin-bottom:7px}
 .hero-sequence-line{bottom:auto;top:0;left:9px;width:calc(100% - 20px);height:23px}
 .hero-motion-toggle{align-self:flex-end;min-height:32px;font-size:9px;padding:5px 0}
}
@media(max-width:360px){.hero-art-note{font-size:16px;right:0}.hero-question-note{width:93px;left:2%}.hero-question-note .hand{font-size:16px}.note-kicker{font-size:3.6px}.hero-sequence>span{font-size:8px}.hero-paper-peach{bottom:120px;height:32%}.hero-paper-lilac{bottom:208px;height:15%}.hero-doodle-dots{bottom:305px}}
@media(prefers-reduced-motion:reduce){.hero .doodle-sway,.hero .doodle-float,.hero .doodle-pulse,.hero .hero-question-note,.hero .sequence-signal{animation:none!important}}


/* A worked result connects the question board to the interactive workspace. */
.worked-example{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(32px,6vw,88px);align-items:center;padding-top:8px;padding-bottom:85px}
.worked-example h2{font-size:clamp(31px,3.1vw,46px);line-height:1.1;letter-spacing:-.04em;margin:20px 0}
.worked-example h2 .hand{color:var(--blue);font-size:1.18em}
.worked-example-copy>p{max-width:530px;font-size:16px;line-height:1.75;margin-bottom:24px}
.worked-example .text-link{font-size:13px;gap:18px}
.worked-example-note{position:relative;background:#fffdf5;border:1px solid #25372c80;padding:30px 32px;box-shadow:5px 6px 0 #25372c12;transform:rotate(1deg)}
.worked-example-note:before{content:'';position:absolute;width:75px;height:22px;background:#e3c79980;top:-12px;left:calc(50% - 37px);transform:rotate(-5deg)}
.worked-example-total{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0;font-size:clamp(35px,3.6vw,52px);letter-spacing:-.05em;line-height:1.2}
.worked-example-total small{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.worked-example-total>.hand{color:var(--orange);font-size:48px;padding-top:15px}
.worked-example-formula{font-size:20px;border-top:1px dashed #25372c60;border-bottom:1px dashed #25372c60;padding:15px 0}
.worked-example-formula span{display:block;font-size:11px;margin-top:6px}
.worked-example-note>p:not(.worked-example-formula){font-size:12px;line-height:1.65;margin:17px 0}
.worked-example-note>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.worked-example{grid-template-columns:1fr;gap:34px;padding-top:0;padding-bottom:60px}.worked-example-copy>p{font-size:14px}.worked-example-note{padding:25px}.worked-example-total{font-size:42px}.worked-example .text-link{font-size:12px}}

/* The working notebook: shared page furniture, not a second design system. */
.notebook-site{overflow-x:clip;background:var(--paper);background-image:radial-gradient(#25372c0b .7px,transparent .8px);background-size:10px 10px}
.notebook-site [hidden]{display:none!important}
.site-nav{gap:22px}.site-nav .nav-note{font-size:17px;margin-left:3px;flex-shrink:0}.site-nav nav{gap:24px;font-size:12px}.site-nav nav>a:not(.button){position:relative;padding:9px 0;white-space:nowrap}.site-nav nav>a[aria-current=page]:not(.button):after{content:'';position:absolute;left:0;right:0;bottom:2px;border-bottom:2px solid var(--orange);transform:rotate(-3deg)}.site-nav nav>a:hover:not(.button){text-decoration:underline;text-underline-offset:6px}.site-nav .button{gap:15px;white-space:nowrap}.site-nav .brand{flex-shrink:0}.site-nav .brand img{width:140px}
.nb-breadcrumb{display:flex;gap:11px;align-items:center;font-size:11px;margin-top:25px;color:#52624f}.nb-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.nb-breadcrumb span[aria-hidden]{font-family:Caveat,cursive;font-size:20px;color:var(--orange)}
.nb-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;padding-top:72px;padding-bottom:76px;position:relative;isolation:isolate}.nb-hero:before{content:'';position:absolute;right:-4%;top:14%;width:34%;height:70%;background:#f4e5cc;transform:rotate(7deg);z-index:-1;clip-path:polygon(0 3%,98% 0,100% 96%,2% 100%)}.nb-hero h1{font-size:clamp(54px,5.6vw,83px);line-height:1.04;letter-spacing:-.06em;max-width:820px;margin-top:24px}.nb-hero h1 em{font-family:Caveat,cursive;font-style:normal;font-weight:600;color:var(--blue);line-height:.95}.nb-kicker{display:block;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.nb-lead{font-size:18px;line-height:1.65;max-width:580px;margin-top:27px;letter-spacing:-.012em}.nb-hero .nb-link-row{margin-top:29px}.nb-hero-art{position:relative}.nb-hero-art img{width:100%;height:auto}.nb-hero-art>.hand{position:absolute;right:2%;top:0;font-size:28px;transform:rotate(6deg)}
.nb-section{padding-top:70px;padding-bottom:76px;position:relative}.nb-section-heading{max-width:780px;margin-bottom:36px}.nb-section-heading h2{font-size:clamp(38px,4.1vw,61px);line-height:1.08;margin-top:21px;letter-spacing:-.05em}.nb-section-heading p{font-size:16px;line-height:1.7;max-width:650px;margin-top:22px}.nb-section-heading .hand{color:var(--blue)}.nb-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.nb-paper{border:1px solid #25372c80;background:#fffdf5;box-shadow:5px 6px 0 #25372c12;padding:30px;min-width:0}.nb-paper h3{font-size:29px;letter-spacing:-.045em;line-height:1.1}.nb-paper p{font-size:15px;line-height:1.7;margin-top:17px}.nb-paper a:not(.button){text-decoration:underline;text-underline-offset:4px}.nb-tag{display:inline-block;border:1px solid #25372c70;padding:5px 8px;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.nb-aside{padding:24px 27px;border-left:3px solid var(--orange);font-size:14px;line-height:1.75;background:#f4edda}.nb-link-row{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.nb-section p a,.nb-lead a{ text-decoration:underline;text-underline-offset:4px}.nb-rule{border:0;border-top:1px solid #25372c50;margin:0}.nb-page-end{padding:35px 0 65px}.nb-page-end .text-link{max-width:100%}
.nb-footer{background:var(--orange);padding:38px 0 0;margin-top:26px}.nb-footer .site-footer{margin-top:0;border-top:0}.nb-footer-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 0 37px;border-bottom:1px solid #25372c60;margin-bottom:30px}.nb-footer-intro h2{font-size:clamp(32px,4vw,56px);line-height:1.06;letter-spacing:-.055em}.nb-footer-intro .hand{font-size:1.13em}.nb-footer-intro .button{box-shadow:3px 3px 0 var(--paper)}.footer-links a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}.nb-footer .footer-wordmark{font-size:clamp(98px,20vw,280px)}
.nb-legal{max-width:820px;padding-top:30px;padding-bottom:75px;font-size:16px;line-height:1.85}.nb-legal h2{font-size:40px;margin:56px 0 25px}.nb-legal h3{font-size:23px;margin:34px 0 16px;letter-spacing:-.03em}.nb-legal p{margin:18px 0}.nb-legal ul{padding-left:24px}.nb-legal li{padding-left:6px;margin:8px 0}.nb-legal a{text-decoration:underline;text-underline-offset:4px}.nb-legal .legal-updated{font-size:11px;text-transform:uppercase;letter-spacing:.09em}.nb-legal .legal-sep{border:0;border-top:1px solid #25372c50;margin-top:50px}
@media(min-width:1061px) and (max-width:1250px){.site-nav .nav-note{display:none}.site-nav nav{gap:22px}}
@media(max-width:1060px){.site-nav{min-height:82px}.site-nav .nav-note{display:block;margin-left:auto}.menu-toggle{display:flex;width:38px;height:38px;border:1.5px solid var(--ink);background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:5px;transform:rotate(3deg);margin-left:8px;flex-shrink:0}.menu-toggle span{height:1.5px;width:16px;background:var(--ink)}.site-nav nav{display:none;position:absolute;top:81px;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));background:var(--paper);border-bottom:1.5px solid var(--ink);padding:24px var(--gutter);margin:0;flex-direction:column;align-items:stretch;gap:14px;font-size:16px;box-shadow:0 9px 0 #25372c15}.site-nav nav.open{display:flex}.site-nav nav>a{align-self:flex-start}.site-nav nav .button{font-size:14px;min-height:44px}.nb-hero{gap:35px}.nb-lead{font-size:16px}}
@media(max-width:760px){.site-nav{min-height:77px;gap:14px}.site-nav nav{top:76px}.site-nav .brand img{width:132px}.site-nav .nav-note{font-size:16px}.nb-breadcrumb{margin-top:19px;font-size:10px;flex-wrap:wrap}.nb-hero{grid-template-columns:1fr;gap:38px;padding-top:38px;padding-bottom:45px}.nb-hero:before{width:73%;height:41%;top:auto;bottom:12px;right:-6%}.nb-hero h1{font-size:clamp(43px,10.5vw,65px);margin-top:20px;line-height:1.04}.nb-lead{font-size:15px;line-height:1.7;margin-top:22px}.nb-kicker{font-size:9px}.nb-section{padding-top:43px;padding-bottom:47px}.nb-section-heading{margin-bottom:28px}.nb-section-heading h2{font-size:37px;margin-top:17px}.nb-section-heading p{font-size:14px;line-height:1.75;margin-top:20px}.nb-grid{grid-template-columns:1fr;gap:23px}.nb-paper{padding:24px}.nb-paper h3{font-size:27px}.nb-paper p{font-size:14px}.nb-link-row{gap:20px}.nb-aside{padding:20px;font-size:13px}.nb-footer{padding-top:28px}.nb-footer-intro{align-items:flex-start;flex-direction:column;gap:25px}.nb-footer-intro h2{font-size:39px}.nb-footer .footer-top{gap:28px}.nb-footer .footer-wordmark{margin-top:35px}.nb-legal{font-size:14px;line-height:1.8}.nb-legal h2{font-size:34px}.nb-legal h3{font-size:22px}}
@media(max-width:360px){.site-nav .nav-note{font-size:14px}.site-nav{gap:8px}.site-nav .brand img{width:120px}.nb-hero h1{font-size:42px}.nb-section-heading h2{font-size:33px}}

/* Product explanation and inquiry fields use the existing notebook palette. */
.hero-copy .edition{font-size:10px;letter-spacing:.06em}
.hero-copy .edition strong{font-size:11px}
.hero-actions{flex-wrap:wrap;gap:22px}
.hero-actions .text-link{font-size:13px;gap:12px;padding:12px 0}
.home-product{padding-top:72px;padding-bottom:68px;border-bottom:1px solid #25372c35}
.home-product-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}
.home-product h2,.home-research h2{font-size:clamp(36px,3.6vw,54px);line-height:1.06;letter-spacing:-.045em;margin:22px 0}
.home-product h2 .hand,.home-research h2 .hand{color:var(--blue);font-size:1.13em}
.home-product-intro>div>p,.home-research>div>p{font-size:16px;line-height:1.7;margin-bottom:24px;max-width:480px}
.home-product-preview{min-width:0;background:#fffdf5;border:1px solid #25372c70;box-shadow:6px 7px 0 #25372c12;transform:rotate(1deg)}
.home-product-preview a{display:block;overflow:hidden}
.home-product-preview img{display:block;width:100%;height:auto}
.home-product-preview figcaption{padding:12px 16px;border-top:1px solid #25372c30;font-size:10px;line-height:1.6}
.home-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 38px;padding:0;margin:56px 0 0;list-style:none}
.home-workflow li{display:flex;gap:16px;border-top:1px solid #25372c40;padding-top:19px;min-width:0}
.home-workflow li>.hand{font-size:30px;line-height:1;color:var(--blue)}
.home-workflow h3{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.025em}
.home-workflow p{font-size:13px;line-height:1.7;margin-top:10px}
.home-research{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;padding-top:70px;padding-bottom:90px}
.home-research-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.home-research-notes>a:only-child{grid-column:1/-1}
.home-research-notes>a{display:block;background:#e5e7f4;border:1px solid #25372c70;box-shadow:4px 5px 0 #25372c12;padding:24px;transform:rotate(-2deg)}
.home-research-notes>a:nth-child(2){background:#e5ecdd;transform:rotate(2deg);margin-top:35px}
.home-research-notes>a:hover h3{text-decoration:underline;text-underline-offset:5px}
.home-research-notes h3{font-size:24px;letter-spacing:-.035em;line-height:1.12;margin:26px 0 18px}
.home-research-notes p{font-size:13px;line-height:1.7}
.home-research-notes .hand{display:block;font-size:23px;margin-top:24px}
.contact-fields select,.contact-fields textarea{font:inherit;display:block;width:100%;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #25372c90;border-radius:0;font-size:15px;padding:10px 0}
.contact-fields textarea{resize:vertical;min-height:86px;line-height:1.5}
.contact-fields textarea::placeholder{color:#25372cbd}
.contact-fields select option{background:var(--paper);color:var(--ink)}
.contact-message{grid-column:1/-1}
.contact-expectation{font-size:11px;line-height:1.6;max-width:300px}
.contact-expectation a{text-decoration:underline;text-underline-offset:3px}
.contact-fields :is(input,select,textarea):focus{outline:none;border-bottom-color:var(--blue);box-shadow:0 1px 0 var(--blue)}
@media(max-width:1050px){.home-product-intro{gap:32px}.home-workflow{gap:28px}.home-research{gap:32px}.home-research-notes{gap:15px}.home-research-notes>a{padding:18px}.home-research-notes h3{font-size:22px}}
@media(max-width:760px){.hero-copy .edition{font-size:9px}.hero-copy .edition strong{font-size:10px}.hero-actions{gap:10px 22px}.hero-actions .text-link{font-size:12px}.home-product{padding-top:42px;padding-bottom:42px}.home-product-intro{grid-template-columns:1fr;gap:30px}.home-product h2,.home-research h2{font-size:39px}.home-product-intro>div>p,.home-research>div>p{font-size:14px}.home-workflow{grid-template-columns:1fr;gap:22px;margin-top:38px}.home-workflow h3{font-size:18px}.home-workflow p{font-size:14px}.home-product-preview figcaption{font-size:10px}.home-research{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:55px}.home-research-notes{gap:16px}.home-research-notes>a{padding:18px 15px}.home-research-notes h3{font-size:22px}.home-research-notes .nb-kicker{font-size:8px;letter-spacing:.05em}.home-research-notes p{font-size:12px}.home-research-notes .hand{font-size:20px}.contact-fields select,.contact-fields textarea{font-size:16px}.contact-fields input{font-size:16px}.contact-expectation{font-size:12px;max-width:none}}
@media(max-width:370px){.home-research-notes{grid-template-columns:1fr}.home-research-notes>a:nth-child(2){margin-top:8px}.home-product h2,.home-research h2{font-size:35px}}
@media(max-width:560px){.board-receipt-line{font-size:11px;gap:6px}.board-resources p{font-size:14px;line-height:1.4}.board-resources .board-card-foot{max-width:none}}

.chain-station:not(:last-child)::after{width:1em;height:1em;background:currentColor;mask:var(--site-icon-right) center/contain no-repeat;-webkit-mask:var(--site-icon-right) center/contain no-repeat;}

/* Quiet supporting-art backdrops; hero artwork is intentionally unchanged. */
.detective-wrap,.context-art{isolation:isolate;overflow:visible}
.detective-wrap:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:0;top:12%;width:72%;height:76%;border-radius:48% 52% 42% 58%;background:repeating-linear-gradient(-35deg,transparent 0 17px,#25372c0b 18px 19px),#e8e8f2;transform:rotate(-6deg)}
.detective-wrap:after{content:'';position:absolute;z-index:-1;pointer-events:none;left:4%;bottom:8%;width:56px;height:35px;border-left:1px solid #f16b4580;border-bottom:1px solid #f16b4580;transform:rotate(-9deg)}
.context-art:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:17% 6% 10% 4%;background:radial-gradient(circle,#25372c1c .8px,transparent 1px) 0 0/14px 14px,#fff8e8b3;border-radius:47% 53% 52% 38%;transform:rotate(4deg)}
.context-art:after{content:'';position:absolute;z-index:-1;pointer-events:none;right:2%;bottom:13%;width:66px;height:23px;border-bottom:2px solid #f16b4570;border-radius:50%;transform:rotate(-14deg)}
.context-art img{display:block;height:auto;max-height:none;object-fit:contain}
@media(max-width:760px){.detective-wrap{right:0}.detective-wrap:before{left:6%;width:90%;height:62%;top:20%}.detective-wrap:after{width:25px;height:20px}.context-art{padding-top:38px}.context-art:before{inset:24% 4% 7%}.context-art-note{top:0}.context-art:after{width:40px}}
/* Give the investigator its own space on phones instead of covering the copy. */
@media(max-width:760px){.evidence-intro{padding-right:0;min-height:0}.evidence-intro>p{max-width:460px}.detective-wrap{position:relative;top:auto;right:auto;width:180px;height:180px;max-width:100%;margin:14px 0 0 auto}.detective-wrap img{width:100%;height:auto;max-width:100%;margin:0}.detective-wrap:before{top:10%;height:80%}}

/* Comfortable phone input text also avoids automatic focus zoom in iOS. */
@media(max-width:760px){.contact-fields :is(input,select,textarea){font-size:16px}}