.ex-hand-drawn{--dd-k2:color-mix(in srgb,var(--dd-k) 76%,var(--dd-p));--dd-rt:oklch(from var(--dd-r) min(l,.5) c h);--dd-card:color-mix(in srgb,var(--dd-p) 40%,#fff);--dd-hl:var(--dd-y);--dd-fy:var(--dd-y);--dd-fr:color-mix(in srgb,var(--dd-r) 45%,var(--dd-p));--dd-fb:color-mix(in srgb,var(--dd-b) 40%,var(--dd-p));--dd-ny:color-mix(in srgb,var(--dd-y) 55%,var(--dd-p));--dd-nr:color-mix(in srgb,var(--dd-r) 18%,var(--dd-p));--dd-nb:color-mix(in srgb,var(--dd-b) 18%,var(--dd-p));--dd-tape:color-mix(in srgb,var(--dd-y) 55%,transparent);--dd-drop:color-mix(in srgb,var(--dd-k) 12%,transparent);--dd-rule:color-mix(in srgb,var(--dd-b) 22%,var(--dd-card));--dd-wob:255px 15px 225px 15px/15px 225px 15px 255px;--dd-wob2:15px 225px 15px 255px/255px 15px 225px 15px;--dd-blob:50% 45% 55% 48%/48% 55% 45% 52%}.ex-hand-drawn:has(.ex-dark:checked){--dd-rt:oklch(from var(--dd-r) max(l,.74) c h);--dd-card:color-mix(in srgb,var(--dd-k) 5%,var(--dd-p));--dd-hl:color-mix(in srgb,var(--dd-y) 35%,var(--dd-p));--dd-fy:color-mix(in srgb,var(--dd-y) 60%,var(--dd-p));--dd-fr:color-mix(in srgb,var(--dd-r) 55%,var(--dd-p));--dd-fb:color-mix(in srgb,var(--dd-b) 50%,var(--dd-p));--dd-ny:color-mix(in srgb,var(--dd-y) 18%,var(--dd-p));--dd-nr:color-mix(in srgb,var(--dd-r) 16%,var(--dd-p));--dd-nb:color-mix(in srgb,var(--dd-b) 16%,var(--dd-p));--dd-tape:color-mix(in srgb,var(--dd-y) 30%,transparent);--dd-drop:rgb(0 0 0/.35)}.dd{overflow-x:clip;background:var(--dd-p);color:var(--dd-k);font:500 17px/1.6 var(--font-sans);transition:background-color .4s,color .4s}.dd :where(a){color:inherit;text-decoration:none}.dd :where(h1,h2,h3,p,ul,ol,figure,blockquote){margin:0}.dd :where(ul,ol){padding:0;list-style:none}.dd-w{width:min(100% - 64px,1200px);margin-inline:auto}.dd-sr{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dd-defs,.dd-sr{position:absolute}.dd-defs{width:0;height:0}.dd h1,.dd h2,.dd h3,.dd-logo{font-weight:800;letter-spacing:-.035em;line-height:1.02}.dd h1 em,.dd h2 em{font-style:normal;padding:0 .06em;background:linear-gradient(176deg,transparent 0 56%,var(--dd-hl) 56% 90%,transparent 90%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.dd-note{font:italic 400 24px/1.2 var(--font-serif);color:var(--dd-rt);rotate:-2deg}.dd-hand{font:italic 400 22px/1.3 var(--font-serif)}.dd-sketch{display:block;width:100%;height:auto;overflow:visible;filter:url(#dd-rough)}.dd-sketch path{stroke-linecap:round;stroke-linejoin:round}.dd-lines path{fill:none;stroke-width:2.4px;vector-effect:non-scaling-stroke}.dd-lk{stroke:var(--dd-k)}.dd-lr{stroke:var(--dd-r)}.dd-lb{stroke:var(--dd-b)}.dd-ldot{stroke:var(--dd-k);stroke-width:7px!important}.dd-fy{fill:var(--dd-fy)}.dd-fr{fill:var(--dd-fr)}.dd-fb{fill:var(--dd-fb)}.dd-btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 28px;border-radius:var(--dd-wob);background:var(--dd-k);color:var(--dd-p)!important;font-size:16px;font-weight:700;box-shadow:4px 5px 0 var(--dd-fy);transition:rotate .2s,translate .2s}.dd-btn:hover{rotate:-2deg;translate:0 -2px}.dd-btn-s{height:42px;padding:0 20px;font-size:14px;box-shadow:3px 4px 0 var(--dd-fy)}.dd-ring{position:relative;display:inline-flex;align-items:center;height:54px;padding:0 22px;font-weight:700}.dd-ring:before{content:"";position:absolute;inset:2px -4px;border:2.5px solid var(--dd-r);border-radius:50% 45% 52% 48%/55% 50% 50% 45%;rotate:-3deg;transition:rotate .3s}.dd-ring:hover:before{rotate:2deg}.dd-bar{position:sticky;top:var(--ex-top);z-index:5;background:color-mix(in srgb,var(--dd-p) 92%,transparent);backdrop-filter:blur(8px);transition:top .3s}.dd-bar-in{display:flex;align-items:center;gap:34px;height:76px;border-bottom:2px dashed color-mix(in srgb,var(--dd-k) 30%,var(--dd-p))}.dd-logo{display:inline-block;font-size:27px;rotate:-2deg}.dd-logo em{font:italic 400 1.15em var(--font-serif);color:var(--dd-rt)}.dd-bar nav{display:flex;gap:28px;margin-left:auto;font-weight:600;color:var(--dd-k2)}.dd-bar nav a:hover,.dd-foot nav a:hover{color:var(--dd-k);text-decoration:underline wavy var(--dd-r) 2px;text-underline-offset:6px}.dd-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:90px 0 40px}.dd-hero-c{display:grid;justify-items:start}.dd h1{margin-top:18px;font-size:clamp(62px,8vw,124px);line-height:.95;rotate:-2deg}.dd h1 em{display:inline-block;margin-top:6px}.dd-sub{max-width:520px;margin-top:30px;font-size:19px;color:var(--dd-k2)}.dd-acts{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:36px}.dd-frame{position:relative;padding:24px 24px 18px;border:2.5px solid var(--dd-k);border-radius:var(--dd-wob);background:var(--dd-card);rotate:2deg;box-shadow:8px 10px 0 var(--dd-drop)}.dd-frame figcaption{margin-top:10px;text-align:right;font:italic 400 19px var(--font-serif);color:var(--dd-k2)}.dd-tape{position:absolute;z-index:1;width:110px;height:32px;background:var(--dd-tape);box-shadow:0 1px 2px rgb(0 0 0/.08)}.dd-tape1{left:-26px;top:18px;rotate:-38deg}.dd-tape2{right:-24px;bottom:30px;rotate:-34deg}.dd-star{position:absolute;display:block;width:46px;aspect-ratio:1;background:var(--dd-fy);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.dd-star1{right:-10px;top:50px;rotate:14deg}.dd-squig{position:absolute;left:40%;bottom:0;width:132px;overflow:visible}.dd-squig path{fill:none;stroke:var(--dd-r);stroke-width:3;stroke-linecap:round}.dd-sec{padding-top:120px}.dd-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 28px}.dd-head h2{font-size:clamp(42px,5vw,72px)}.dd-work{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px;margin-top:56px}.dd-work li{position:relative;display:grid;gap:4px;padding:20px 20px 24px;border:2px solid var(--dd-k);border-radius:var(--dd-wob2);background:var(--dd-card);rotate:var(--tilt);box-shadow:6px 8px 0 var(--dd-drop);transition:rotate .3s,translate .3s}.dd-work li:hover{rotate:0deg;translate:0 -6px}.dd-work .dd-tape{left:50%;top:-14px;width:90px;height:28px;translate:-50% 0;rotate:-4deg}.dd-work .dd-sketch{margin-bottom:12px}.dd-kind{font:italic 400 19px var(--font-serif);color:var(--dd-rt)}.dd-work h3{font-size:26px}.dd-work li>p:last-child{color:var(--dd-k2)}.dd-box{border:2.5px solid var(--dd-k);border-radius:var(--dd-wob);background:var(--dd-card)}.dd-do{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:52px}.dd-do li{display:grid;align-content:start;gap:12px;padding:30px 30px 32px}.dd-do li:nth-child(2){border-radius:var(--dd-wob2)}.dd-icon{width:84px;margin-bottom:6px}.dd-do h3{font-size:28px}.dd-do li>p:not(.dd-price){color:var(--dd-k2)}.dd-price{justify-self:start;margin-top:6px;font-weight:800;background:linear-gradient(176deg,transparent 0 55%,var(--dd-hl) 55% 92%,transparent 92%)}.dd-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:56px}.dd-steps:before{content:"";position:absolute;left:34px;right:calc((100% - 96px) / 4 - 35px);top:34px;border-top:2.5px dashed var(--dd-k)}.dd-steps li{position:relative;display:grid;gap:10px;align-content:start}.dd-steps b{display:grid;place-items:center;width:70px;aspect-ratio:1;margin-bottom:8px;border:2.5px solid var(--dd-k);border-radius:var(--dd-blob);background:var(--dd-p);font:italic 400 38px/1 var(--font-serif)}.dd-steps li:nth-child(odd) b{box-shadow:5px 5px 0 var(--dd-fy)}.dd-steps li:nth-child(2n) b{box-shadow:5px 5px 0 var(--dd-fr)}.dd-steps h3{font-size:26px}.dd-steps p{color:var(--dd-k2)}.dd-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:52px;filter:drop-shadow(8px 12px 0 var(--dd-drop))}.dd-page{position:relative;display:grid;align-content:start;gap:18px;min-height:440px;padding:40px 44px;background:repeating-linear-gradient(transparent 0 33px,var(--dd-rule) 33px 34px),var(--dd-card)}.dd-page:first-child{border-radius:10px 0 0 10px;box-shadow:inset -24px 0 26px -24px rgb(0 0 0/.3)}.dd-page:last-child{border-radius:0 10px 10px 0;box-shadow:inset 24px 0 26px -24px rgb(0 0 0/.3)}.dd-page-cat{width:320px}.dd-hand-r{justify-self:end;color:var(--dd-rt);rotate:3deg}.dd-swatch{display:grid;gap:14px;font:italic 400 21px var(--font-serif)}.dd-swatch li{display:flex;align-items:center;gap:18px}.dd-swatch i{width:64px;height:40px;border-radius:var(--dd-blob);rotate:-4deg}.dd-sw1{background:var(--dd-fb)}.dd-sw2{background:var(--dd-fy)}.dd-sw3{background:var(--dd-fr)}.dd-sw4{background:var(--dd-k)}.dd-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin-top:52px}.dd-books li{display:grid;gap:4px}.dd-cover{position:relative;display:grid;place-items:center;aspect-ratio:3/3.7;margin-bottom:18px;padding:10% 10% 30%;border-radius:4px 14px 14px 4px;box-shadow:inset 10px 0 0 rgb(0 0 0/.1),10px 12px 0 var(--dd-drop);transition:rotate .3s}.dd-books li:hover .dd-cover{rotate:-2deg}.dd-cv1{background:var(--dd-fb)}.dd-cv2{background:var(--dd-fy)}.dd-cv3{background:var(--dd-fr)}.dd-plate{position:absolute;left:14px;right:14px;bottom:16px;padding:10px 14px;border:2px solid var(--dd-k);border-radius:var(--dd-wob);background:var(--dd-p);font-size:19px;font-weight:800;letter-spacing:-.02em;text-align:center}.dd-books h3{font-size:24px}.dd-books li>p{color:var(--dd-k2)}.dd-shop{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;align-items:center}.dd-shop h2{font-size:clamp(42px,5vw,72px)}.dd-facts{display:flex;flex-wrap:wrap;gap:18px 40px;margin:34px 0 36px;color:var(--dd-k2)}.dd-facts li{display:grid}.dd-facts b{font-size:40px;font-weight:800;letter-spacing:-.03em;color:var(--dd-k)}.dd-bring{position:relative;display:grid;gap:14px;padding:34px 36px 38px;rotate:2deg;box-shadow:8px 10px 0 var(--dd-drop)}.dd-bring ul{display:grid;gap:12px;font:italic 400 24px var(--font-serif)}.dd-bring li{display:flex;align-items:center;gap:14px}.dd-bring li:before{content:"";flex:none;width:20px;aspect-ratio:1;border:2.5px solid var(--dd-k);border-radius:4px 6px 3px 7px}.dd-bring li:first-child:before{background:linear-gradient(45deg,transparent 44%,var(--dd-r) 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,var(--dd-r) 44% 56%,transparent 56%)}.dd-star2{right:-18px;top:-22px;rotate:-10deg}.dd-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.dd-notes li{display:flex}.dd-notes figure{position:relative;display:grid;align-content:space-between;gap:22px;width:100%;padding:40px 30px 30px;box-shadow:4px 12px 0 var(--dd-drop)}.dd-notes figure:before{content:"";position:absolute;left:50%;top:-12px;width:80px;height:26px;translate:-50% 0;rotate:3deg;background:var(--dd-tape)}.dd-n1 figure{background:var(--dd-ny);rotate:-2deg}.dd-n2 figure{background:var(--dd-nr);rotate:1.5deg}.dd-n3 figure{background:var(--dd-nb);rotate:-1deg}.dd-notes blockquote{font:italic 400 25px/1.3 var(--font-serif)}.dd-notes figcaption{font-size:14px;font-weight:700;color:var(--dd-k2)}.dd-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}.dd-qa{display:grid;gap:16px}.dd-qa details:nth-child(2n){border-radius:var(--dd-wob2)}.dd-qa summary{position:relative;padding:22px 64px 22px 26px;cursor:pointer;list-style:none;font-size:20px;font-weight:700;letter-spacing:-.015em}.dd-qa summary::-webkit-details-marker{display:none}.dd-qa summary:after,.dd-qa summary:before{content:"";position:absolute;right:26px;top:50%;width:18px;height:3px;border-radius:2px;background:var(--dd-r);rotate:-4deg;transition:rotate .3s}.dd-qa summary:after{rotate:86deg}.dd-qa details[open] summary:after{rotate:-4deg}.dd-qa details p{padding:0 32px 24px 26px;color:var(--dd-k2)}.dd-end{position:relative;display:grid;justify-items:center;gap:22px;margin-top:140px;padding:90px 0 60px;text-align:center}.dd-end h2{font-size:clamp(56px,8vw,120px);rotate:-2deg}.dd-mail{font:italic 400 clamp(24px,3vw,36px) var(--font-serif);text-decoration:underline wavy var(--dd-r) 2px;text-underline-offset:10px}.dd-star3{left:18%;top:60px;rotate:-12deg;width:56px}.dd-foot{display:grid;justify-items:center;gap:16px;margin-top:70px;padding:30px 0 10px;border-top:2px dashed color-mix(in srgb,var(--dd-k) 30%,var(--dd-p));text-align:center}.dd-foot .dd-logo{font-size:32px}.dd-foot nav{gap:8px 28px;font-weight:600}.dd-foot nav,.dd-foot p{display:flex;flex-wrap:wrap;justify-content:center;color:var(--dd-k2)}.dd-foot p{gap:6px 24px;font-size:14px}.dd-foot p a{text-decoration:underline wavy var(--dd-r) 1.5px;text-underline-offset:4px}@media (prefers-reduced-motion:no-preference){.dd-star1,.dd-star3{animation:dd-wiggle 3s ease-in-out infinite}.dd-squig path{stroke-dasharray:220;animation:dd-draw 4s ease-in-out infinite alternate}}@keyframes dd-wiggle{50%{rotate:-6deg;scale:1.1}}@keyframes dd-draw{0%{stroke-dashoffset:220}to{stroke-dashoffset:0}}@media (max-width:1040px){.dd-faq,.dd-hero,.dd-shop{grid-template-columns:minmax(0,1fr);gap:52px}.dd-books,.dd-work{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-do,.dd-notes{grid-template-columns:minmax(0,1fr);max-width:580px}.dd-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}.dd-steps:before{display:none}.dd-spread{grid-template-columns:minmax(0,1fr)}.dd-page:first-child{border-radius:10px 10px 0 0;box-shadow:inset 0 -24px 26px -24px rgb(0 0 0/.3)}.dd-page:last-child{border-radius:0 0 10px 10px;box-shadow:inset 0 24px 26px -24px rgb(0 0 0/.3)}}@media (max-width:760px){.dd-w{width:min(100% - 32px,1200px)}.dd-bar-in{height:64px}.dd-bar nav{display:none}.dd-bar .dd-btn{margin-left:auto}.dd-logo{font-size:23px}.dd-hero{padding-top:60px}.dd-sec{padding-top:90px}.dd-books,.dd-steps,.dd-work{grid-template-columns:minmax(0,1fr)}.dd-work{gap:44px}.dd-books{max-width:340px}.dd-page{min-height:0;padding:30px 24px}.dd-page-cat{width:180px}.dd-tape1{left:-12px}.dd-tape2{right:-10px}.dd-star1{right:0}.dd-end{margin-top:100px;padding-top:70px}.dd-star3{left:6%;top:20px}}