:root{--night:#0f1a33;--dusk:#1c2f5a;--blue:#34508a;--mist:#d7e3f5;--dawn:#f8f0e1;--sage:#b9d4c0;--ink:#14223f;--light:#eef2fb;--glow:#ffd9a8;--leaf:#8fc9a6;--serif:"Fraunces",Georgia,serif;--hand:"Caveat","Comic Sans MS",cursive;--sans:"DM Sans",system-ui,sans-serif;--h:clamp(90px,13vw,170px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip}body{font-family:var(--sans);font-size:1.06rem;line-height:1.6;background:var(--night);color:var(--light);overflow-x:clip}img,svg{display:block;max-width:100%}a{color:inherit}ul,ol{list-style:none}::selection{background:var(--glow);color:var(--ink)}:focus-visible{outline:3px solid var(--glow);outline-offset:3px}.wrap{max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.hand{font-family:var(--hand);font-weight:700;font-size:1.55rem;line-height:1.1;color:var(--glow)}h1,h2,h3{font-family:var(--serif);font-weight:500;font-variation-settings:"SOFT" 100,"opsz" 120;letter-spacing:-.02em;line-height:1.05}h2.big{font-size:clamp(2.2rem,5vw,3.9rem);max-width:17ch}.lede{max-width:52ch;margin-top:16px;font-size:1.15rem;opacity:.88}.sketch{filter:url(#rough)}.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.js .rv.in{opacity:1;transform:none}.chapter{position:relative;padding:110px 0 calc(var(--h) + 60px)}.c1{background:var(--night)}.c2{background:var(--dusk)}.c3{background:var(--blue)}.c4{background:var(--mist);color:var(--ink)}.c5{background:var(--dawn);color:var(--ink)}.c4 .hand,.c5 .hand{color:#a45a2a}.hills{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:var(--h);z-index:3;pointer-events:none}.nav{position:sticky;top:12px;z-index:40;max-width:1180px;margin:12px auto 0;padding:0 24px}.nav-in{display:flex;align-items:center;justify-content:space-between;background:#0f1a339e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(238,242,251,.16);border-radius:999px;padding:7px 8px 7px 12px;color:var(--light)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--serif);font-weight:600;font-size:1.1rem}.nav .brand img{border-radius:0}.brand img{border-radius:9px}.nav-links{display:flex;align-items:center;gap:24px;font-size:.92rem}.nav-links a{text-decoration:none;opacity:.85}.nav-links a:hover{opacity:1;color:var(--glow)}.nav-links .say{font-family:var(--hand);font-size:1.3rem;font-weight:700;color:var(--ink);background:var(--dawn);padding:2px 18px 4px;border-radius:999px;opacity:1}.nav-links .say{position:relative}.nav-links .say:hover,.nav-links .say:focus-visible,.nav-links .say:active{color:var(--ink);transform:rotate(-2deg)}.wave{position:absolute;top:-14px;right:-10px;font-size:1.3rem;line-height:1;opacity:0;transform:scale(.3) rotate(-25deg);transform-origin:70% 80%;transition:opacity .2s,transform .3s cubic-bezier(.2,1.6,.4,1);pointer-events:none;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.say:hover .wave,.say:focus-visible .wave,.say:active .wave{opacity:1;transform:scale(1) rotate(0);animation:wave .8s .3s ease-in-out infinite}@keyframes wave{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1) rotate(16deg)}50%{transform:scale(1) rotate(-8deg)}75%{transform:scale(1) rotate(14deg)}}.c1{padding-top:40px;min-height:min(900px,100svh + 80px)}.stars{position:absolute;inset:0;pointer-events:none;z-index:0}.stars i{position:absolute;width:var(--r);height:var(--r);border-radius:50%;background:#fff6df;opacity:.8;animation:tw 4s ease-in-out infinite;animation-delay:var(--d)}.stars i.sp{background:none;border-radius:0;width:calc(var(--r)*6);height:calc(var(--r)*6)}.stars i.sp:before,.stars i.sp:after{content:"";position:absolute;background:#fff6df;border-radius:2px}.stars i.sp:before{left:50%;top:0;bottom:0;width:1.5px;transform:translate(-50%)}.stars i.sp:after{top:50%;left:0;right:0;height:1.5px;transform:translateY(-50%)}@keyframes tw{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;padding-top:50px}.hero-grid>*{min-width:0}h1{font-size:clamp(2.5rem,5.8vw,5rem);margin-top:14px}.madlib{display:inline-block;white-space:nowrap;max-width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;color:var(--glow);background:transparent;border:0;cursor:pointer;padding:0 0 .16em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 8'%3E%3Cpath d='M0 4 Q3 0 6 4 T12 4 T18 4 T24 4' fill='none' stroke='%23ffd9a8' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:left bottom;background-size:.5em .17em}.swap{display:inline-block;transition:opacity .26s ease,transform .26s ease}.swap.out{opacity:0;transform:translateY(-.25em)}.swap.in-from{opacity:0;transform:translateY(.25em);transition:none}.hint{margin-top:10px;font-family:var(--hand);font-size:1.35rem;opacity:.85}.note{position:relative;margin-top:32px;max-width:520px;background:var(--dawn);color:var(--ink);padding:26px 26px 24px;border-radius:6px;transform:rotate(-1.2deg);box-shadow:0 18px 40px #00000047}.note:before{content:"";position:absolute;inset:6px;border:2px solid var(--ink);border-radius:5px;opacity:.55;filter:url(#rough);pointer-events:none}.note:after{content:"";position:absolute;top:-13px;left:50%;width:96px;height:28px;margin-left:-48px;background:#ffd9a8bf;transform:rotate(-3deg);box-shadow:0 1px 3px #00000026}.note .hand{color:#a45a2a;font-size:1.4rem}.note h2{font-size:1.9rem;margin:4px 0 8px}.note p{opacity:.85;margin-bottom:16px}.note a{font-family:var(--hand);font-weight:700;font-size:1.5rem;text-decoration:none;color:var(--ink);background:linear-gradient(transparent 62%,#ffd9a8e6 62%);padding:0 4px}.note a:hover{background:linear-gradient(transparent 20%,#ffd9a8e6 20%)}.note.pop{animation:pop .5s cubic-bezier(.2,1.5,.4,1)}@keyframes pop{0%{transform:rotate(-4deg) scale(.95)}to{transform:rotate(-1.2deg) scale(1)}}.scene{width:100%;max-width:460px;justify-self:center;align-self:end;margin-bottom:calc(var(--h)*-1 - 34px)}.scene svg{overflow:visible;width:100%}.sway{transform-origin:50px 20px;transform-box:view-box;animation:sway 6s ease-in-out infinite alternate}@keyframes sway{0%{transform:rotate(-2.6deg)}to{transform:rotate(2.6deg)}}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:52px}.card{position:relative;padding:28px 22px 24px;border-radius:14px;background:#eef2fb0f;transition:transform .3s cubic-bezier(.2,1.4,.4,1),background .3s}.card:before{content:"";position:absolute;inset:0;border:2px solid rgba(238,242,251,.5);border-radius:14px;filter:url(#rough);pointer-events:none}.card:hover{transform:translateY(-6px) rotate(-.6deg);background:#eef2fb1c}.card h3{font-size:1.5rem;margin:16px 0 8px}.card p{opacity:.85;font-size:.98rem}.card .n{position:absolute;top:14px;right:18px;font-family:var(--hand);font-size:1.3rem;opacity:.7;color:var(--glow)}.doodle{width:62px;height:62px;color:var(--glow);filter:url(#rough2)}.card:hover .doodle{animation:wig .6s}@keyframes wig{25%{transform:rotate(-8deg)}60%{transform:rotate(7deg)}}.aisles{margin-top:46px}.aisle{display:grid;grid-template-columns:90px 1.3fr 1fr;gap:26px;align-items:center;padding:30px 4px;position:relative}.aisle:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:2px dashed rgba(238,242,251,.45);filter:url(#rough)}.aisle:first-child:before{content:"";position:absolute;left:0;right:0;top:0;border-top:2px dashed rgba(238,242,251,.45);filter:url(#rough)}.aisle .doodle{width:78px;height:78px}.aisle h3{font-size:clamp(2.1rem,5.6vw,4.4rem);display:inline;background:linear-gradient(transparent 70%,#ffd9a800 70%);background-size:0 100%;transition:background-size .5s}.aisle:hover h3{background-image:linear-gradient(transparent 66%,#ffd9a859 66%);background-size:100% 100%;background-repeat:no-repeat}.aisle p{max-width:34ch;opacity:.9}.chips{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:14px}.chips li{position:relative;padding:3px 16px;font-family:var(--hand);font-size:1.3rem;font-weight:700;color:var(--glow)}.chips li:before{content:"";position:absolute;inset:0;border:2px solid var(--glow);border-radius:55% 45% 52% 48%/50% 55% 45% 50%;filter:url(#rough2);transform:rotate(-2deg)}.path{position:relative;margin-top:60px}.path-line{position:absolute;left:0;right:0;top:0;height:110px;width:100%;overflow:visible;z-index:0}.steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;z-index:1}.step:nth-child(2n){margin-top:44px}.step .dot{position:relative;width:60px;height:60px;display:grid;place-items:center;font-family:var(--serif);font-size:1.5rem;font-weight:600;background:#fffaf0;border-radius:50%}.step .dot:before{content:"";position:absolute;inset:0;border:2.5px solid var(--ink);border-radius:50%;filter:url(#rough2)}.step h3{font-size:1.6rem;margin:18px 0 6px}.step p{opacity:.85;max-width:24ch}.c5{text-align:center;padding-top:130px;overflow:hidden}.sun{position:absolute;left:50%;top:30px;width:min(620px,110vw);aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#ffd9a8,#ffe7c4 38%,#ffe7c400 68%);z-index:0}.rays{position:absolute;inset:0;animation:spin 90s linear infinite;filter:url(#rough2)}@keyframes spin{to{transform:rotate(360deg)}}.c5 h2{font-size:clamp(2.4rem,6.4vw,5.4rem);max-width:13ch;margin:10px auto 0}.c5 p.lede{margin:18px auto 30px}.btn{display:inline-block;background:var(--ink);color:var(--dawn);font-family:var(--serif);font-weight:600;font-size:1.3rem;padding:17px 34px;border-radius:999px;text-decoration:none;box-shadow:0 10px #14223f2e;transition:transform .2s cubic-bezier(.2,1.4,.4,1),box-shadow .2s}.btn:hover{transform:translateY(4px) rotate(-1deg);box-shadow:0 5px #14223f2e}.say-hi{display:block;font-family:var(--hand);font-size:1.7rem;font-weight:700;color:#a45a2a;margin-bottom:6px;transform:rotate(-3deg)}.tree{position:absolute;bottom:calc(var(--h)*.45);z-index:1;filter:url(#rough2)}.tree.l{left:3%;width:min(210px,24vw)}.tree.r{right:4%;width:min(160px,19vw)}.foot{background:var(--sage);color:var(--ink);padding:10px 0 40px}.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.foot .brand{font-size:1.05rem}.foot p{font-family:var(--hand);font-size:1.3rem;font-weight:700}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.scene{max-width:320px}.grid4{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr;row-gap:50px}.step:nth-child(2n){margin-top:0}.path-line{display:none}.aisle{grid-template-columns:70px 1fr}.aisle>div:last-child{grid-column:2}}@media(max-width:620px){.nav-links a:not(.say){display:none}.grid4,.steps{grid-template-columns:1fr}.chapter{padding-top:84px}.c1{padding-top:30px}.madlib{font-size:.88em}.aisle{grid-template-columns:1fr;gap:12px}.aisle>div:last-child{grid-column:1}.tree.l,.tree.r{opacity:.9}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}