@font-face{font-family:KidHand;src:url(../fonts/NothingYouCouldDo-Regular.woff2) format("woff2");font-display:swap}
:root{--paper:#fafaf7;--ink:#17325d;--pencil:#30343b;--red:#e94d3d;--yellow:#f4cc3c;--green:#4b9a67;--blue:#4b83c3;--pad:clamp(1rem,4vw,3.5rem);--hand:KidHand,"Comic Sans MS",cursive}
*,*::before,*::after{box-sizing:border-box}html{color-scheme:light;overflow-x:hidden}body{margin:0;min-height:100svh;display:flex;flex-direction:column;color:var(--pencil);background-color:var(--paper);background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(79,137,190,.12) 31px 32px);font:400 clamp(1.08rem,1.4vw,1.35rem)/1.55 var(--hand)}body::before{content:"";position:fixed;inset:0 auto 0 clamp(2.2rem,8vw,7rem);border-left:2px solid rgba(227,84,84,.18);pointer-events:none;z-index:-1}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.18em}a:hover{color:var(--red)}a:focus-visible{outline:3px solid var(--red);outline-offset:4px}h1,h2,h3,p{margin-top:0}img{max-width:100%;height:auto}.vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:-999px;top:.4rem;z-index:100;padding:.5rem 1rem;background:white;border:3px solid var(--ink)}.skip:focus{left:.6rem}
.dev-banner{position:relative;z-index:90;width:100%;padding:.42rem 1rem .35rem;color:#231c13;background:var(--yellow);border-bottom:3px dashed #8b5d20;text-align:center;font-size:clamp(.83rem,2.2vw,1.05rem);letter-spacing:.02em}.site-header{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem var(--pad)}.wordmark{color:var(--ink);font-size:clamp(2rem,5vw,3rem);line-height:1;text-decoration:none;transform:rotate(-3deg)}.wordmark::after{content:"";display:block;height:7px;margin-top:-5px;background:var(--red);border-radius:58% 42% 48% 52%;transform:rotate(2deg);opacity:.75}.site-menu{margin-left:auto}.site-menu summary{list-style:none;cursor:pointer;font-size:1.2rem;color:var(--ink);transform:rotate(2deg)}.site-menu summary::-webkit-details-marker{display:none}.menu-close{display:none}.site-menu[open] .menu-open{display:none}.site-menu[open] .menu-close{display:inline}.site-nav{position:absolute;right:var(--pad);top:3.9rem;z-index:50;display:none;width:min(300px,calc(100vw - 2rem));padding:1rem 1.3rem;background:#fffef8;border:3px solid var(--ink);border-radius:9px 16px 8px 13px;box-shadow:6px 7px 0 rgba(23,50,93,.14);transform:rotate(-1deg)}.site-menu[open] .site-nav{display:block}.site-nav ul{margin:0;padding:0;list-style:none}.site-nav li{margin:.25rem 0;transform:rotate(var(--tilt,0deg))}.site-nav li:nth-child(odd){--tilt:-.8deg}.site-nav li:nth-child(even){--tilt:.7deg}.site-nav a[aria-current=page]{color:var(--red);text-decoration:underline wavy 2px}
main{flex:1;width:100%}.sheet{width:min(1050px,calc(100% - 2rem));margin:1rem auto 5rem;padding:clamp(1.5rem,5vw,4rem);background:rgba(255,255,251,.82);border:3px solid var(--ink);border-radius:15px 8px 17px 11px;box-shadow:7px 9px 0 rgba(23,50,93,.11);transform:rotate(-.12deg)}.sheet-narrow{max-width:760px}.page-label,.sheet>h1{color:var(--ink);font-size:clamp(2.3rem,7vw,5.8rem);line-height:1.05;font-weight:400;transform:rotate(-1.5deg)}.page-label::after,.sheet>h1::after{content:"";display:block;width:min(8ch,80%);height:10px;margin-top:.15rem;background:var(--yellow);border-radius:50%;transform:rotate(-1deg)}
.hero{min-height:calc(100svh - 180px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(2rem,7vw,7rem);width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2rem var(--pad) 5rem}.hero h1{margin:0;color:var(--ink);font-weight:400;font-size:clamp(3.4rem,9vw,8rem);line-height:.98;transform:rotate(-2deg)}.hero h1 span{display:inline-block}.hero-copy{font-size:clamp(1.25rem,2.2vw,1.8rem);transform:rotate(1.5deg)}.scribble-card{position:relative;padding:1.7rem;background:#fff4a8;border:3px solid var(--pencil);border-radius:18px 9px 16px 6px;box-shadow:8px 9px 0 rgba(30,30,30,.12);transform:rotate(3deg)}.scribble-card::before{content:"★";position:absolute;right:-1rem;top:-2.2rem;color:var(--red);font-size:4rem;transform:rotate(15deg)}.big-link{display:inline-block;margin-top:1rem;padding:.35rem .85rem;color:white;background:var(--red);border:3px solid #a73128;border-radius:8px 14px 7px 12px;text-decoration:none;transform:rotate(-2deg)}.doodle-arrow{display:inline-block;font-size:2rem;transform:rotate(8deg)}
.work-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:end;margin-bottom:3rem}.mediums{columns:2;color:var(--ink)}.mediums p{margin:.15rem}.stills{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.2rem)}.stills figure{margin:0;padding:.55rem .55rem 1rem;background:white;border:2px solid var(--pencil);box-shadow:4px 6px 0 rgba(20,20,20,.12);transform:rotate(var(--r))}.stills figure:nth-child(3n+1){--r:-2deg}.stills figure:nth-child(3n+2){--r:1.5deg}.stills figure:nth-child(3n){--r:-.5deg}.stills img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.stills figcaption{padding-top:.5rem;text-align:center}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:3rem 0}.step{min-height:190px;padding:1.2rem;border:3px solid currentColor;border-radius:44% 56% 49% 51%;transform:rotate(var(--r))}.step:nth-child(1){color:var(--red);--r:-2deg}.step:nth-child(2){color:var(--blue);--r:1deg}.step:nth-child(3){color:var(--green);--r:-1deg}.step:nth-child(4){color:#9860a9;--r:2deg}.step .lab{font-size:1.7rem}.step p{color:var(--pencil)}.paper-note{max-width:620px;margin:2rem auto 4rem;padding:1rem;background:#fff4a8;transform:rotate(-1deg);text-align:center}.lists{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.lists h2,.legal h2{color:var(--ink);font-size:2rem;font-weight:400;text-decoration:underline wavy var(--yellow) 5px}.lines p{margin:.2rem 0}.send-sketches{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.send-sketches img{padding:.5rem;background:white;border:2px solid var(--pencil);transform:rotate(-1deg)}.send-sketches img+img{transform:rotate(1.5deg)}.support-note{margin-top:3rem;padding:1.2rem;border:3px dashed var(--blue);border-radius:12px}
.vat{color:var(--red);font-size:1.25rem;transform:rotate(1deg)}.price-row{display:grid;grid-template-columns:minmax(170px,.7fr) 1.3fr;gap:2rem;align-items:center;padding:2rem 0;border-bottom:3px dashed rgba(23,50,93,.3)}.tariff{color:var(--ink);transform:rotate(-2deg)}.num{display:block;font-size:clamp(3rem,8vw,6.5rem);line-height:1}.cad{color:var(--red)}.why{font-size:1.3rem}.fit{margin:3rem 0;font-size:1.8rem;color:var(--green)}
.about-pair{display:grid;grid-template-columns:1fr 1fr;gap:2rem;font-size:clamp(2.3rem,7vw,6rem);line-height:1.1;color:var(--ink)}.about-a{transform:rotate(-2deg)}.about-b{transform:rotate(2deg);align-self:end;color:var(--red)}.about-pocket p{max-width:42rem;margin:2rem auto}.about-pocket p:nth-child(odd){transform:rotate(-.4deg)}.about-pocket p:nth-child(even){transform:rotate(.4deg)}.about-doodle{margin:2rem auto;width:150px;height:150px;display:grid;place-items:center;border:8px dotted var(--yellow);border-radius:50%;color:var(--red);font-size:4rem;transform:rotate(8deg)}
.legal{font-size:1.08rem}.legal h1{text-transform:lowercase}.legal-note{display:inline-block;padding:.4rem .8rem;background:#fff4a8;transform:rotate(-1deg)}.legal dt{color:var(--ink);text-decoration:underline}.legal dd{margin:0 0 1rem 1rem}.notfound-sheet{min-height:60vh;display:grid;place-items:center;text-align:center;padding:2rem}.notfound-line{font-size:clamp(2.5rem,8vw,7rem);font-weight:400;color:var(--ink);transform:rotate(-3deg)}
.site-footer{display:flex;justify-content:center;padding:2rem var(--pad) 3rem}.foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 1.5rem;text-align:center}.foot-nav span{color:var(--red)}[data-jitter]{display:inline-block;transform:rotate(var(--jitter,0deg)) translateY(var(--hop,0));transform-origin:50% 70%}@media(prefers-reduced-motion:no-preference){.big-link:hover{animation:wiggle .35s ease-in-out 2}@keyframes wiggle{50%{transform:rotate(2deg) scale(1.04)}}}@media(max-width:720px){.hero,.work-intro,.lists,.about-pair{grid-template-columns:1fr}.hero{align-content:center}.steps{grid-template-columns:1fr 1fr}.stills{grid-template-columns:1fr 1fr}.price-row{grid-template-columns:1fr;gap:.5rem}.send-sketches{grid-template-columns:1fr}}@media(max-width:430px){.steps,.stills{grid-template-columns:1fr}.mediums{columns:1}.site-header{min-height:70px}}@media print{.dev-banner{border:2px solid #000}body{background:#fff}}