@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/kalam-devanagari-400-normal.Dy6c0U2e.woff2)format("woff2"),url(/_astro/kalam-devanagari-400-normal.Dyzod-UE.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/kalam-latin-ext-400-normal.DtcdGa4L.woff2)format("woff2"),url(/_astro/kalam-latin-ext-400-normal.AcQmRO9z.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/kalam-latin-400-normal.BthBl_aR.woff2)format("woff2"),url(/_astro/kalam-latin-400-normal.Bl-H2BUA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/kalam-devanagari-700-normal.BeU_-hjz.woff2)format("woff2"),url(/_astro/kalam-devanagari-700-normal.B52CSkpd.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/kalam-latin-ext-700-normal.CwgfRD_T.woff2)format("woff2"),url(/_astro/kalam-latin-ext-700-normal.BA-KJHgr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/kalam-latin-700-normal.D2H-9ISU.woff2)format("woff2"),url(/_astro/kalam-latin-700-normal.7TSuSrjP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --sweep{syntax:"<angle>";inherits:true;initial-value:360deg}:root{--paper:#fff9ef;--sheet:#fffdf8;--ink:#30221b;--muted:#6f5a4e;--orange:#ff6815;--orange-ink:#b54507;--line:#3a281f94;--rule:#3a281f1c;--tape:#ffc48c9e;--display:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--body:"Inter Variable", "Inter", system-ui, sans-serif;--hand:"Kalam", "Comic Sans MS", cursive;--shadow:8px 9px 0 #30221b1f;--radius:6px 14px 8px 12px;--ease-out:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(16px, 3.3vw, 48px);--rule-h:30px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--orange) var(--paper)}body{background:var(--paper);color:var(--ink);font:400 1rem/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1.5px}::selection{color:var(--ink);background:#ff68153d}:focus-visible{outline:2.5px solid var(--orange);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hand{font-family:var(--hand)}.nav{height:72px;padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{align-items:center;gap:.55rem;text-decoration:none;display:flex}.brand img{width:36px;height:36px}.brand-name{font:750 1.4rem/1 var(--display);letter-spacing:-.03em}.brand-sub{font:400 1.1rem/1 var(--hand);color:var(--orange-ink)}.nav-links{align-items:center;gap:clamp(.8rem,2vw,1.75rem);font-size:.95rem;font-weight:500;display:flex}.nav-links a:not(.btn-call){text-decoration:none}.nav-links a:not(.btn-call):hover{text-decoration:underline;text-decoration-color:var(--orange)}.btn-call{background:var(--orange);min-height:44px;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out);border-radius:8px 14px 9px 12px;align-items:center;padding:.6rem 1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-call:hover{box-shadow:4px 5px 0 var(--ink);transform:translate(-1px,-1px)}.btn-call:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,3px)}.btn-line{border:2px solid var(--ink);background:var(--sheet);min-height:44px;transition:background .14s var(--ease-out), color .14s var(--ease-out);border-radius:9px 12px 8px 14px;align-items:center;padding:.55rem 1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-line:hover{background:var(--ink);color:var(--paper)}.spread{margin:0 var(--gutter);background:var(--sheet);border:2px solid var(--orange);border-radius:var(--radius);min-height:calc(100svh - 100px);box-shadow:var(--shadow);grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);display:grid;position:relative}.sheet:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#30221b12 46%,#30221b1a 50%,#30221b0d 54%,#0000);width:56px;position:absolute;top:0;bottom:0;left:-28px}.contents{padding:clamp(1.75rem,3vw,2.75rem) clamp(1.5rem,3vw,2.75rem) 2rem;position:relative}.contents h1{font:780 clamp(2.4rem, 4.1vw, 4rem)/.98 var(--display);letter-spacing:-.04em;text-wrap:balance;max-width:13ch}.lede{max-width:40ch;color:var(--muted);margin-top:1rem;font-size:.98rem}.margin-note{font:400 1.1rem/1.15 var(--hand);color:var(--orange-ink);transform-origin:0;margin-top:.9rem;transform:rotate(-1.5deg)}.index{columns:2;background-image:repeating-linear-gradient(transparent 0 calc(var(--rule-h) - 1px), var(--rule) calc(var(--rule-h) - 1px) var(--rule-h));column-gap:1.75rem;margin-top:1.25rem;font-size:clamp(.86rem,.95vw,.94rem)}.index-group{break-inside:avoid}.index-group h2{font:700 1.05rem/var(--rule-h) var(--hand);color:var(--orange-ink);margin:0}.index a{line-height:var(--rule-h);min-height:var(--rule-h);white-space:nowrap;text-overflow:ellipsis;grid-template-columns:1.6rem 1fr;align-items:baseline;text-decoration:none;display:grid;position:relative;overflow:hidden}.index .pg{font:400 .82rem var(--hand);color:var(--muted)}.index .nm{text-overflow:ellipsis;overflow:hidden}.index a svg{clip-path:inset(0 100% 0 0);width:calc(100% - 1.6rem);height:8px;transition:clip-path .28s var(--ease-out);position:absolute;bottom:3px;left:1.6rem;right:0;overflow:visible}.index a:hover svg,.index a:focus-visible svg,.index a[aria-current=page] svg{clip-path:inset(0)}.index a[aria-current=page]{color:var(--orange-ink);font-weight:650}.index a[aria-current=page] .pg{color:var(--orange-ink)}.sheet{background:var(--sheet);z-index:2;border-radius:0 12px 10px 0;grid-template-rows:auto 1fr auto;gap:1.25rem;padding:clamp(1.75rem,3vw,2.6rem) clamp(1.5rem,3.4vw,3.25rem) 1.6rem;display:grid;position:relative}.sheet-head h2{font:780 clamp(2rem, 3.4vw, 3.1rem)/1 var(--display);letter-spacing:-.04em;text-wrap:balance}.sheet-head h2 a{text-decoration:none}.sheet-head .where{font:700 1.05rem/1.2 var(--hand);color:var(--orange-ink);margin-top:.35rem;display:inline-block}.sheet-head .where span{color:var(--muted);font-weight:400}.sheet-head p{max-width:56ch;color:var(--muted);margin-top:.45rem}.media{align-content:center;gap:1.1rem;display:grid}.media.phone{grid-template-columns:auto minmax(150px,240px);justify-content:center;align-items:center;gap:clamp(1.5rem,4vw,3.5rem)}.shot{width:100%;max-width:min(100%, 760px, max(320px, (100svh - 500px) * var(--ar,1.6)));border:1px solid var(--rule);transform:rotate(var(--tilt,-1.2deg));background:#f3eadc;justify-self:center;padding:10px;position:relative;box-shadow:4px 6px 14px #30221b1a}.shot.phone{max-width:min(240px, max(170px, (100svh - 480px) * var(--ar)))}.shot-frame{position:relative}.shot-frame img{border-radius:3px;width:100%;height:auto}.tape{background:var(--tape);z-index:3;width:96px;height:28px;position:absolute;box-shadow:0 1px 2px #30221b14}.tape.a{top:-12px;left:-26px;transform:rotate(-32deg)}.tape.b{top:-12px;right:-26px;transform:rotate(30deg)}.circle{pointer-events:none;position:absolute;overflow:visible}.circle,.flow-step svg{-webkit-mask:conic-gradient(from -100deg, #000 var(--sweep), transparent 0);mask:conic-gradient(from -100deg, #000 var(--sweep), transparent 0)}.circle-num{background:var(--orange);width:1.6rem;height:1.6rem;color:var(--ink);font:700 .95rem/1 var(--hand);box-shadow:1px 2px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-30%,-70%)}.notes{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.6rem 1.5rem;display:grid}.media.phone .notes{grid-auto-flow:row}.notes li{font:400 1.12rem/1.2 var(--hand);color:var(--orange-ink);grid-template-columns:1.6rem 1fr;gap:.4rem;display:grid}.notes .n{border:2px solid var(--orange);width:1.45rem;height:1.45rem;font:700 .85rem/1 var(--hand);border-radius:50%;place-items:center;display:grid}.flow{border:1px solid var(--rule);transform:rotate(var(--tilt,.8deg));background:#fff repeating-linear-gradient(#0000 0 25px,#508cc81f 25px 26px);align-self:center;padding:1.75rem 1.5rem 1.4rem;position:relative;box-shadow:4px 6px 14px #30221b14;padding-block:clamp(1.75rem,4vh,3rem) 1.4rem!important}.flow-steps{align-items:center;gap:.25rem;display:flex}.flow-step{text-align:center;min-height:clamp(110px,16vh,170px);font:600 clamp(.98rem, 1.2vw, 1.12rem)/1.25 var(--body);flex:1;place-items:center;padding:1rem .8rem;display:grid;position:relative}.flow-step svg,.flow-arrow svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow-step:first-child svg path{stroke:var(--ink)}.flow-arrow{flex:0 0 52px;height:30px;position:relative}.flow-caption{font:400 1.1rem var(--hand);color:var(--orange-ink);margin-top:.9rem}.sheet-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;display:flex}.sheet-links{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.read-more{font:400 1.12rem var(--hand);color:var(--orange-ink);text-decoration:none}.read-more:hover{text-decoration:underline}.no-link{font:400 1.05rem var(--hand);color:var(--muted)}.turns{font:400 1rem var(--hand);color:var(--muted);align-items:center;gap:1rem;display:flex}.turns a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.turns a:hover{color:var(--orange-ink)}.page-no{font:400 1rem var(--hand);color:var(--muted)}.notes-sheet{margin:clamp(2.5rem, 6vw, 5rem) var(--gutter) 0;background:var(--sheet);border:2px solid var(--orange);box-shadow:var(--shadow);border-radius:12px 6px 14px 8px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);padding:clamp(1.75rem,4vw,3.25rem);display:grid}.notes-sheet h2{font:760 clamp(1.7rem, 2.6vw, 2.3rem)/1.05 var(--display);letter-spacing:-.035em;margin-bottom:1rem}.notes-sheet h3{font:700 1.2rem/1.2 var(--hand);color:var(--orange-ink);margin:1.5rem 0 .35rem}.notes-sheet p{max-width:62ch}.built li{border-bottom:1px solid var(--rule);padding:.3rem 0 .3rem 1.75rem;position:relative}.built li:before{content:"";border-left:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);border-radius:1px;width:.85rem;height:.5rem;position:absolute;top:.75rem;left:.2rem;transform:rotate(-48deg)}.stack{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.stack li{background:var(--tape);transform:rotate(var(--r,-1deg));padding:.2rem .7rem;font-size:.88rem;font-weight:550}.stack li:nth-child(2n){--r:1.2deg}.field{border:1px solid var(--rule);background:#fff repeating-linear-gradient(#0000 0 27px,#508cc81f 27px 28px) 0 1.2rem;align-self:start;padding:1.5rem 1.4rem 1.25rem;transform:rotate(.6deg);box-shadow:4px 6px 14px #30221b14}.field h3{margin-top:0}.field li{padding:.35rem 0;line-height:1.55}.field li+li{border-top:1px dashed var(--rule)}.field .src{font:400 1rem var(--hand);color:var(--muted);margin-top:.75rem}.related{font:400 1.1rem var(--hand);color:var(--orange-ink);margin-top:1.25rem}.back-cover{margin:clamp(2.5rem, 6vw, 5rem) var(--gutter) 0;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);border-radius:14px 8px 12px 6px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem 3rem;padding:clamp(2.25rem,5vw,4rem) clamp(1.5rem,5vw,4rem);display:grid}.back-cover h2{font:780 clamp(2.2rem, 5vw, 4.6rem)/.98 var(--display);letter-spacing:-.04em;text-wrap:balance;max-width:16ch}.back-cover p{color:#fff9efc7;max-width:46ch;margin-top:1rem}.back-cover .btn-call{border-color:var(--paper);box-shadow:3px 4px 0 var(--orange);font-size:1.05rem}.back-cover .hand{color:#ffb27f;margin-top:.75rem;font-size:1.15rem;display:block}.foot{padding:1.5rem var(--gutter) 2rem;color:var(--muted);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;margin-top:clamp(2.5rem,6vw,4.5rem);font-size:.9rem;display:flex}.foot nav{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--orange-ink);text-decoration:underline}html.ink-pending .sheet .circle,html.ink-pending .sheet .flow-step svg{--sweep:0deg}html.ink-pending .sheet .flow-arrow svg{clip-path:inset(0 100% 0 0)}html.ink-pending .sheet .tape,html.ink-pending .sheet .circle-num{opacity:0}html.ink-pending .sheet .notes li,html.ink-pending .sheet .flow-caption{clip-path:inset(0 100% 0 0)}@keyframes turn-away{0%{filter:brightness();transform:perspective(2400px)rotateY(0)}to{filter:brightness(.82);transform:perspective(2400px)rotateY(-92deg)}}@keyframes turn-back{0%{filter:brightness(.82);transform:perspective(2400px)rotateY(-92deg)}to{filter:brightness();transform:perspective(2400px)rotateY(0)}}@keyframes lie-under{0%{opacity:.55}to{opacity:1}}@keyframes lift-off{0%{opacity:1}to{opacity:.4}}::view-transition-old(sheet),::view-transition-new(sheet){transform-origin:0;mix-blend-mode:normal;backface-visibility:hidden}::view-transition-old(sheet){z-index:2}html[data-astro-transition=back]::view-transition-new(sheet){z-index:3}@media (width<=1000px){.spread{grid-template-columns:1fr;min-height:0}.sheet:before{display:none}.spread.on-project .sheet{border-bottom:2px dashed var(--orange);border-radius:12px 12px 0 0;order:-1}.spread:not(.on-project) .contents{border-bottom:2px dashed var(--orange)}.sheet{border-radius:0 0 10px 12px}.margin-note{text-align:left;max-width:none;margin-top:.75rem;position:static;transform:rotate(-2deg)}.notes-sheet,.back-cover{grid-template-columns:1fr}}@media (width<=640px){.nav-links .hide-sm,.brand-sub{display:none}.index{columns:1}.media,.media.phone{grid-template-columns:1fr}.notes{grid-auto-flow:row}.shot{max-width:100%}.shot.phone{max-width:210px}.flow-steps{flex-direction:column;align-items:stretch}.flow-step{min-height:80px}.flow-arrow{flex:0 0 40px;align-self:center;width:52px;transform:rotate(90deg)}.tape{width:72px;height:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important}}
