:root{--paper:#fefaf1;--ink:#1c1917;--orange:#f97316;--marker:#fdba74;--card:#e9ecef;--muted:#6d655e;--line:#d9dde1;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}p{font-size:17px;line-height:1.7;margin:0 0 20px}h1,h2,h3,.wordmark,.step{font-family:Kalam,"Comic Sans MS",cursive}h1,h2,h3{font-weight:700;margin:0}h1{font-size:clamp(44px,4.9vw,68px);line-height:1.14;letter-spacing:-2px}h2{font-size:clamp(32px,3.3vw,44px);line-height:1.2;letter-spacing:-1px}h3{font-size:25px;line-height:1.3}p,li{text-wrap:pretty}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.hand{font-family:Caveat,"Comic Sans MS",cursive;font-size:29px;line-height:1.1}.orange{color:#ac4203}.quiet{color:var(--muted);font-size:14px;line-height:1.6}.header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 0;border-bottom:1px solid #1c19171f}.wordmark{font-size:29px;text-decoration:none;font-weight:700;white-space:nowrap;letter-spacing:-1px}.wordmark-dot{color:var(--orange);font-family:Arial,sans-serif;font-size:30px;display:inline-block;vertical-align:middle;padding-left:8px}nav{display:flex;gap:30px;font-size:15px}nav a{text-decoration:none}.skip{position:fixed;left:15px;top:-100px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:15px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:76px 83px}.status{display:flex;align-items:center;gap:9px;color:#6d3b1f;font-size:12px;font-weight:700;line-height:1.5;margin-bottom:25px}.status>span{width:9px;height:9px;background:var(--orange);border-radius:50%;flex:none}.highlight{position:relative;isolation:isolate;white-space:nowrap}.highlight:before{content:"";position:absolute;inset:30% -7px 9%;background:#fdba7499;transform:rotate(-2deg);z-index:-1;border-radius:6px}.intro{font-size:18px;max-width:500px;margin-top:26px;line-height:1.7;color:#544c46}.byline{font-size:15px;margin-top:-4px}.byline a{font-weight:700}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--orange);color:var(--ink);font-size:15px;font-weight:700;text-decoration:none;padding:18px 24px;border:2px solid var(--ink);border-radius:8px;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button span{font-size:23px;line-height:1}.hero-note{margin-top:19px;max-width:350px}.notebook{position:relative;transform:rotate(2deg);border:1px solid #c5c0b6;border-radius:3px 15px 12px 3px;padding:37px 30px 26px 45px;background:repeating-linear-gradient(0deg,transparent,transparent 30px,#9ca3af26 31px,#9ca3af26 32px),#fffdf8;box-shadow:8px 10px 0 #e9ecef;max-width:440px;width:100%;justify-self:center}.notebook:before{content:"";position:absolute;inset:0 auto 0 29px;border-left:1px solid #f9731633}.tape{position:absolute;width:110px;height:33px;background:#fdba7499;top:-17px;left:calc(50% - 55px);transform:rotate(-5deg);clip-path:polygon(2% 0,98% 3%,100% 90%,3% 100%,0 50%)}.notebook-caption{font-size:30px;margin:0 0 22px;white-space:nowrap}.shop{background:var(--paper);border:2px solid var(--ink);border-radius:7px;transform:rotate(-3deg);overflow:hidden}.shop-bar{height:32px;border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:5px;padding:0 10px;background:var(--card)}.shop-bar i{height:5px;width:5px;border:1px solid var(--ink);border-radius:50%}.shop-bar span{font-size:10px;text-align:center;width:100%;margin-right:22px;color:var(--muted)}.shop-awning{display:flex;height:36px;margin:16px 14px 0}.shop-awning b{flex:1;background:var(--orange);border:1.5px solid var(--ink);border-radius:0 0 8px 8px}.shop-awning b:nth-child(even){background:#ffe2c5}.shop-body{display:flex;gap:18px;padding:23px 20px 25px}.package{width:95px;min-height:109px;background:#e9ecef;display:grid;place-items:center;border:1px solid #d9dde1;border-radius:3px}.package span{font-size:52px;color:#c95c0e;transform:rotate(-15deg)}.shop-lines{flex:1;padding-top:10px}.shop-lines strong{font-family:Kalam,cursive;font-size:16px;white-space:nowrap}.shop-lines>span{display:block;height:5px;background:#d9dde1;margin:9px 0;width:90%}.shop-lines>span+span{width:65%}.shop-lines em{display:block;background:var(--orange);font-style:normal;font-size:9px;padding:8px 7px;margin-top:15px;text-align:center;border:1px solid var(--ink);border-radius:3px}.checklist{list-style:none;padding:0;margin:29px 0 0;font-family:Kalam,cursive;font-size:21px;line-height:1.7}.checklist span{color:#af4707;margin-right:10px;font-size:24px}.notebook-foot{font-size:26px;text-align:right;margin:16px -3px 0;color:#665d55}.notebook-foot span{font-size:33px;color:#b44808}.pencil{position:absolute;width:37px;right:-25px;top:115px;transform:rotate(15deg)}.course-strip{background:#e9ecef99;border-block:1px solid var(--line)}.course-strip>.wrap{display:flex;justify-content:space-between;gap:20px;padding-block:21px;font-size:14px}.course-strip span:before{content:"✳";color:#ad4406;font-size:18px;margin-right:12px;vertical-align:middle}.section{padding-block:90px}.course{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.section-lead>p{max-width:385px}.section-lead h2{margin-bottom:25px}.section-lead>.hand{margin-bottom:13px;transform:rotate(-3deg);transform-origin:left}.journey{position:relative}.journey:before{content:"";position:absolute;left:21px;top:15px;bottom:50px;border-left:2px dashed #d3cec5}.journey article{position:relative;display:flex;align-items:flex-start;gap:25px;margin-bottom:29px}.journey article:last-child{margin-bottom:0}.journey article p{font-size:15px;line-height:1.7;color:#5f574f;margin:8px 0 0}.step{flex:none;display:grid;place-items:center;width:45px;height:45px;border:1.5px solid var(--ink);background:var(--marker);border-radius:50%;font-size:24px;padding-top:4px}.about{background:#e9ecef80;border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.about h2{margin-bottom:25px}.about p{color:#544c46;max-width:600px}.signature-box{padding:25px 40px;border-left:5px solid var(--orange);transform:rotate(-2deg)}.signature-box>.hand{font-size:26px}.signature-box .signature{position:relative;font-family:Caveat,cursive;font-size:68px;line-height:.95;color:var(--ink);margin:23px 0 27px}.signature>span{position:absolute;font-family:Arial,sans-serif;font-size:45px;color:var(--orange);right:0;top:15px}.signature-box>p:last-child{font-size:14px;line-height:1.9;margin-bottom:0}.social-links{display:flex;flex-wrap:wrap;gap:13px 27px;font-size:14px;padding-top:10px}.social-links a{font-weight:700}.social-links span{font-size:18px;color:#ac4203}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.faq h2{max-width:250px}details{border-bottom:1px solid #d3cec5}summary{padding:20px 25px 20px 0;font-size:16px;font-weight:700;cursor:pointer;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:0;top:17px;font-size:23px;font-weight:400;color:#a94408}details[open] summary:after{content:"−"}details p{font-size:15px;line-height:1.7;color:#5f574f;padding-right:20px}.faq details:first-child summary{padding-top:0}.faq details:first-child summary:after{top:-3px}.contact{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#fed7aa;padding:45px 48px;border:2px solid var(--ink);border-radius:12px;box-shadow:6px 6px 0 var(--ink);margin-bottom:75px}.contact>.button{flex:none;background:var(--paper)}.contact .hand{font-size:30px;margin:0 0 8px;transform:rotate(-3deg);transform-origin:left}.contact h2{font-size:35px}.contact p:last-child{font-size:15px;margin:14px 0 0}.footer{padding-bottom:35px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-bottom:25px;flex-wrap:wrap}.footer-top>a:not(.wordmark),.footer-top>span{font-size:12px}.footer>p,.footer details p{font-size:11px;color:var(--muted);line-height:1.7;max-width:900px}.footer details{border:0}.footer summary{display:inline-block;padding:0 25px 0 0;font-size:12px;font-weight:400;text-decoration:underline}.footer summary:after{font-size:16px;top:-3px}.footer details p{margin-top:15px}@media(max-width:1000px){.hero{gap:40px}.notebook{padding-left:35px;padding-right:20px}.notebook-caption{font-size:25px}.shop-body{padding:20px 15px;gap:12px}.package{width:70px}.shop-lines strong{font-size:14px}.course,.about-grid,.faq{gap:55px}.wrap{width:calc(100% - 64px)}h1{font-size:54px}.hero{padding-block:65px}.signature-box{padding-inline:25px}.signature-box .signature{font-size:58px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding:21px 0}.wordmark{font-size:24px}nav{gap:17px;font-size:13px}.hero{grid-template-columns:1fr;padding-block:42px 55px;gap:45px}h1{font-size:51px;letter-spacing:-1.5px;max-width:580px}.hero-copy{max-width:580px}.intro{font-size:17px;margin-top:23px}.hero-note{max-width:none}.status{font-size:11px;margin-bottom:20px}.notebook{max-width:370px;padding:32px 23px 24px 40px;margin-block:0 10px}.notebook-caption{font-size:27px}.shop-body{padding:22px 17px;gap:20px}.package{width:85px}.shop-lines strong{font-size:15px}.course-strip>.wrap{justify-content:center;flex-wrap:wrap;gap:13px 22px;font-size:12px;padding-block:18px}.course-strip span:before{font-size:14px;margin-right:8px}.section{padding-block:58px}.course,.about-grid,.faq{grid-template-columns:1fr;gap:32px}.section-lead>p{max-width:580px}.section-lead h2 br{display:none}h2{font-size:36px}.journey article{gap:20px}.journey article p{max-width:500px}.signature-box{max-width:350px;margin-bottom:5px;padding-block:0}.signature-box .signature{font-size:64px}.about-grid{gap:45px}.faq h2{max-width:none}.contact{flex-direction:column;align-items:flex-start;padding:29px 24px;gap:25px;margin-bottom:50px}.contact h2{font-size:31px}.contact h2 br{display:none}.contact>.button{width:100%}.footer-top{gap:18px;align-items:flex-start;flex-direction:column}.footer-top .wordmark{margin-bottom:0}.footer>p{font-size:11px}.pencil{right:-12px;width:30px}.notebook-foot{font-size:25px}}@media(max-width:380px){nav{gap:12px}.wordmark{font-size:22px}.wordmark-dot{font-size:22px;padding-left:5px}h1{font-size:45px}.notebook-caption{font-size:24px}.shop-body{gap:10px}.shop-lines strong{font-size:13px}.package{width:70px}.checklist{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

@media(max-width:760px){.pencil{display:none}}

/* Separate English portfolio and reserved domain home. */
.portfolio-page .header .wordmark{font-size:26px;letter-spacing:-.7px}
.portfolio-page nav a{white-space:nowrap}
.portfolio-page .notebook-caption{white-space:normal}
.holding-page{min-height:100svh;display:flex;flex-direction:column}
.holding-main{width:min(760px,calc(100% - 48px));margin:auto;padding:70px 0;text-align:center}
.holding-main .wordmark{font-size:34px;margin-bottom:66px}
.holding-main .hand{font-size:32px;margin-bottom:24px}
.holding-main h1{font-size:clamp(50px,9vw,86px);letter-spacing:-2px;margin-bottom:22px}
.holding-main .holding-note{font-size:17px;color:var(--muted);margin-bottom:36px}
.holding-main>a{font-size:14px}
.holding-footer{text-align:center;color:var(--muted);font-size:11px;padding:24px}
@media(max-width:760px){.portfolio-page .header{align-items:flex-start;flex-direction:column;gap:15px}.portfolio-page .header nav{width:100%;justify-content:space-between;gap:16px}.portfolio-page .header .wordmark{font-size:25px}.holding-main .wordmark{margin-bottom:48px}.holding-main .hand{font-size:27px}}