@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(./andika-latin-400-normal.BTFTIZb-.woff2)format("woff2"),url(./andika-latin-400-normal.BK42By1L.woff)format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(./andika-latin-700-normal.Dk95f5lc.woff2)format("woff2"),url(./andika-latin-700-normal.CAUSQC6x.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal.C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal.CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal.BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal.C8FeHd3X.woff)format("woff")}:root{color:#293837;font-synthesis:none;--paper:#f6ecd8;--pencil:#293837;--yellow:#e2a62b;--petrol:#176d73;--green:#607b56;--red:#d9573f;--brown:#966340;--sky:#a8cdd2;--chalk:#fff9ed;background:#f6ecd8;font-family:Andika,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 10%, #ffffff73, transparent 25rem), var(--paper);min-width:320px;margin:0}body:before{z-index:100;pointer-events:none;content:"";opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}img{width:100%;display:block}p,h1,h2,h3,figure{margin:0}.site-header{z-index:5;justify-content:space-between;align-items:center;width:min(1320px,100% - 48px);margin:0 auto;padding:26px 0;display:flex;position:relative}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:46px;height:46px;transform:rotate(-4deg)}.brand-name{flex-direction:column;font-family:Fredoka,sans-serif;font-size:20px;font-weight:700;line-height:.88;display:flex}.brand-name i{font-style:normal}.brand-name i:last-child{color:var(--petrol);transform:translate(5px)rotate(-1deg)}nav{align-items:center;gap:28px;font-size:14px;font-weight:700;display:flex}nav a{text-decoration:none}nav a:not(.nav-button):hover{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.nav-button{border:2px solid var(--pencil);background:var(--yellow);box-shadow:3px 3px 0 var(--pencil);border-radius:12px 9px 13px 10px;padding:11px 16px;transition:transform .15s,box-shadow .15s;transform:rotate(1deg)}.nav-button:hover{box-shadow:1px 1px 0 var(--pencil);transform:translate(2px,2px)rotate(0)}.hero{grid-template-columns:minmax(380px,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(40px,6vw,100px);width:min(1320px,100% - 48px);min-height:720px;margin:0 auto;padding:60px 0 110px;display:grid}.eyebrow{color:var(--petrol);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:20px;font-size:13px;font-weight:700;display:flex}.eyebrow>span{background:var(--red);width:34px;height:3px;transform:rotate(-2deg)}.eyebrow.light{color:#d9f0eb}h1,h2,h3{font-family:Fredoka,sans-serif}h1{letter-spacing:-.055em;font-size:clamp(66px,7.2vw,106px);font-weight:700;line-height:.84}h1 em{color:var(--petrol);font-style:normal;position:relative}h1 em:after{content:"";border-top:4px solid var(--red);border-radius:50%;height:10px;position:absolute;bottom:-12px;left:4px;right:0;transform:rotate(-1.5deg)}.lead{color:#44504e;max-width:600px;margin-top:34px;font-size:19px;line-height:1.6}.hero-actions{align-items:center;gap:25px;margin-top:34px;display:flex}.button{border:2px solid var(--pencil);box-shadow:4px 4px 0 var(--pencil);border-radius:14px 10px 13px 11px;justify-content:center;align-items:center;gap:18px;padding:15px 19px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.button:hover{box-shadow:1px 1px 0 var(--pencil);transform:translate(3px,3px)}.button-primary{background:var(--yellow)}.button-paper{color:var(--pencil);background:var(--chalk)}.age-note{color:#5c6562;max-width:180px;font-size:12px;line-height:1.45}.hero-visual{position:relative}.idea-board{aspect-ratio:4/3;border:3px solid var(--pencil);background:linear-gradient(#2938370e 1px, transparent 1px), linear-gradient(90deg, #2938370e 1px, transparent 1px), var(--chalk);background-size:28px 28px;border-radius:31% 10% 28% 12%/13% 23% 12% 22%;flex-direction:column;justify-content:flex-start;padding:clamp(30px,4.5vw,62px);display:flex;position:relative;overflow:hidden;transform:rotate(1.1deg);box-shadow:18px 18px #176d7329}.idea-question{color:var(--petrol);font-family:Fredoka,sans-serif;font-size:clamp(34px,4vw,58px);font-weight:700;transform:rotate(-2deg)}.idea-parts{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;font-family:Fredoka,sans-serif;display:flex}.idea-parts span{border:2px solid var(--pencil);background:var(--yellow);box-shadow:3px 3px 0 var(--pencil);border-radius:10px 7px 12px 8px;padding:8px 12px;font-size:clamp(16px,2vw,24px)}.idea-parts span:nth-of-type(2){color:var(--chalk);background:var(--petrol);transform:rotate(2deg)}.idea-parts span:nth-of-type(3){background:var(--sky);transform:rotate(-1deg)}.idea-parts b{color:var(--red);font-size:26px}.idea-result{flex:1;justify-content:space-between;align-items:center;gap:clamp(12px,2vw,28px);min-height:0;margin-top:10px;display:flex}.idea-machine{object-fit:contain;mix-blend-mode:multiply;width:min(62%,430px);max-height:100%;transform:rotate(-1deg)}.idea-result strong{max-width:240px;color:var(--pencil);text-align:right;align-self:center;font-family:Fredoka,sans-serif;font-size:clamp(22px,2.6vw,38px);line-height:.96;transform:rotate(-1deg)}.sketch-note{z-index:2;color:var(--red);font-family:Fredoka,sans-serif;font-size:24px;font-weight:700;position:absolute;transform:rotate(-10deg)}.note-one{top:-40px;right:8%}.note-one:after{content:"";border-right:3px solid var(--red);border-bottom:3px solid var(--red);border-radius:0 0 70%;width:48px;height:27px;margin:-5px 0 0 -22px;display:block;transform:rotate(35deg)}.tool-tag{border:2px solid var(--pencil);background:var(--chalk);letter-spacing:.05em;align-items:center;gap:11px;padding:10px 14px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:-24px;right:5%;transform:rotate(-2deg)}.tool-tag-line{border-top:3px dashed var(--red);width:27px}.intro{background:var(--chalk);grid-template-columns:.8fr 1.05fr 1.15fr;align-items:center;gap:clamp(36px,6vw,90px);padding:120px max(24px,50vw - 660px);display:grid;position:relative}.section-number{color:#29383721;font-family:Fredoka,sans-serif;font-size:54px;font-weight:700;position:absolute;top:42px;left:max(24px,50vw - 660px)}.intro h2,.book h2,.closing h2{letter-spacing:-.045em;font-size:clamp(48px,5vw,78px);line-height:.95}.intro-copy{align-self:center;font-size:16px;line-height:1.65}.intro-copy .big-copy{color:var(--petrol);margin-bottom:22px;font-family:Fredoka,sans-serif;font-size:25px;font-weight:600;line-height:1.25}.character-portrait{justify-self:center;width:min(100%,340px)}.character-portrait img{aspect-ratio:2/3;object-fit:contain}.method{color:#fff9ed;background:radial-gradient(circle, #fff9ed17 0 3px, transparent 4px) 0 0 / 34px 34px, var(--petrol);grid-template-columns:.8fr 1.2fr;gap:clamp(60px,10vw,150px);padding:125px max(24px,50vw - 590px);display:grid}.method-heading{align-self:center}.method-heading h2{letter-spacing:-.045em;font-size:clamp(54px,5.5vw,82px);line-height:.9}.method-heading>p:last-child{color:#d9f0eb;max-width:380px;margin-top:28px;font-size:18px;line-height:1.55}.step-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.step{border:2px solid var(--pencil);width:min(100%,520px);min-height:112px;color:var(--pencil);background:var(--chalk);box-shadow:5px 5px 0 var(--pencil);border-radius:16px 12px 18px 11px;grid-template-columns:76px 1fr;align-items:center;padding:18px 22px;display:grid;transform:rotate(-.5deg)}.step.offset{align-self:flex-end;transform:rotate(.8deg)}.step-number{font-family:Fredoka,sans-serif;font-size:25px;font-weight:700}.step h3{font-size:26px}.step p{margin-top:3px;font-size:13px}.step-blue{border-left:12px solid var(--sky)}.step-yellow{border-left:12px solid var(--yellow)}.step-red{border-left:12px solid var(--red)}.step-green{border-left:12px solid var(--green)}.book{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(60px,9vw,140px);width:min(1180px,100% - 48px);margin:0 auto;padding:140px 0;display:grid}.book-heading{border-left:8px solid var(--yellow);align-self:start;padding:10px 0 18px 34px;position:relative}.book-heading .eyebrow{margin-bottom:26px}.book-status{border:3px solid var(--pencil);color:var(--chalk);background:var(--red);border-radius:12px 9px 13px 10px;margin-top:26px;padding:9px 13px;font-family:Fredoka,sans-serif;font-size:15px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.book-lead{color:var(--petrol);margin:30px 0 22px;font-family:Fredoka,sans-serif;font-size:24px;font-weight:600;line-height:1.35}.book-copy>p:not(.eyebrow,.book-lead){color:#4b5754;line-height:1.65}.book-details{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.book-details span{border:1.5px solid var(--pencil);background:var(--chalk);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}.closing{color:var(--chalk);background:var(--pencil);grid-template-columns:1fr .7fr auto;align-items:end;gap:clamp(40px,7vw,100px);padding:110px max(24px,50vw - 590px);display:grid}.closing>p{color:#d7dedb;line-height:1.65}footer{background:var(--yellow);justify-content:space-between;align-items:center;padding:30px max(24px,50vw - 660px);display:flex}footer p{font-size:12px}footer p a{text-underline-offset:3px;font-weight:700}.brand-footer .brand-name i:last-child{color:var(--pencil)}@media (width<=980px){nav a:not(.nav-button){display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{max-width:700px}.hero-visual{width:min(760px,100%)}.intro{grid-template-columns:.8fr 1.2fr}.character-portrait{grid-column:1/-1}.method,.book{grid-template-columns:1fr}.book-copy{max-width:680px}.closing{grid-template-columns:1fr 1fr}.closing .button{grid-column:1/-1;justify-self:start}}@media (width<=640px){.site-header,.hero,.book{width:min(100% - 32px,1320px)}.site-header{padding-top:18px}.nav-button{padding:9px 11px;font-size:12px}.brand-name{display:none}.hero{gap:65px;min-height:auto;padding:40px 0 90px}h1{font-size:clamp(55px,17vw,78px)}.lead{font-size:17px}.hero-actions{flex-direction:column;align-items:flex-start}.idea-board{border-radius:23% 8% 20% 9%/9% 18% 8% 17%}.intro{grid-template-columns:1fr;padding-top:130px}.method,.closing{padding-top:90px;padding-bottom:90px}.method-heading h2,.intro h2,.book h2,.closing h2{font-size:50px}.step{grid-template-columns:55px 1fr;padding:16px}.step.offset{align-self:stretch}.book{padding:105px 0}.closing{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:22px}footer .brand-name{display:flex}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}