:root{--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--ease-toy: cubic-bezier(.2, .9, .25, 1.08);--paper: #F8F4EB;--ink: #1F2420;--ink-soft: #4F4636;--label: #6A5D48;--rust: #A5513A;--stamp: #A2412B;--rule: rgba(96, 82, 58, .25);--tex-paper: url(/assets/tex-paper.jpg);--tex-linen: url(/assets/tex-linen.jpg)}:root,[data-mat=green]{--mat: #345754;--tex-mat: url(/assets/tex-mat.jpg);--major: rgba(168, 222, 212, .85);--minor: rgba(168, 222, 212, .34);--diag: rgba(168, 222, 212, .2);--side: #F6F1E4;--side-muted: rgba(246, 241, 228, .8);--hair: rgba(246, 241, 228, .22);--cta-bg: #F6F1E4;--cta-text: #1F2420;--accent: #F4A07A;--tick: rgba(246, 241, 228, .85);--tick-mid: rgba(246, 241, 228, .55);--tick-soft: rgba(246, 241, 228, .3);--swatch-rot: 0deg}[data-mat=white]{--mat: #F2EFE8;--tex-mat: none;--major: rgba(45, 84, 73, .3);--minor: rgba(45, 84, 73, .12);--diag: rgba(45, 84, 73, .12);--side: #1F2420;--side-muted: #4A544E;--hair: rgba(31, 36, 32, .16);--cta-bg: #2D5449;--cta-text: #F6F1E4;--accent: #B4532A;--tick: rgba(45, 84, 73, .85);--tick-mid: rgba(45, 84, 73, .55);--tick-soft: rgba(45, 84, 73, .3);--swatch-rot: 180deg}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}html{background:var(--mat)}body{background:var(--mat);color:var(--ink);font-family:Archivo Narrow,Arial Narrow,Arial,sans-serif;font-stretch:condensed;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%}button{font:inherit}.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400!important}.hand{font-family:Gochi Hand,Comic Sans MS,cursive;font-weight:400}.mono,.typed-plain{font-family:Courier Prime,Courier New,monospace;text-transform:uppercase}.typed{font-family:Courier Prime,Courier New,Courier,monospace;font-weight:400;text-transform:uppercase;color:#2e2822;opacity:.86;text-shadow:0 0 .6px rgba(46,40,34,.9),.4px .2px 0 rgba(46,40,34,.35),0 1px 0 rgba(255,255,255,.35)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #F08A5D;outline-offset:3px}main:focus{outline:none}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}.skip-link{position:absolute;left:40px;top:36px;z-index:100;padding:10px 18px;border-radius:22px;background:var(--cta-bg);color:var(--cta-text);font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transform:translateY(calc(-100% - 48px));transition:transform .18s var(--ease-out-quart)}.skip-link:focus{transform:none}.desk{position:relative;min-height:100vh;overflow:clip;background-color:var(--mat);--grid: linear-gradient(45deg, transparent calc(50% - .5px) , var(--diag) 50%, transparent calc(50% + .5px) ), linear-gradient(var(--major) 1px, transparent 1px), linear-gradient(90deg, var(--major) 1px, transparent 1px), linear-gradient(var(--minor) 1px, transparent 1px), linear-gradient(90deg, var(--minor) 1px, transparent 1px);background-image:var(--grid),var(--tex-mat);background-size:100% 100%,190px 190px,190px 190px,38px 38px,38px 38px,512px 512px;background-position:0 0,28px 28px,28px 28px,28px 28px,28px 28px,0 0;transition:background-color .4s ease}.ruler{position:absolute;z-index:4;background-color:var(--mat);background-image:var(--tex-mat);background-size:512px 512px;transition:background-color .4s ease}.ruler-h{top:0;left:0;right:0;height:28px;border-bottom:1px solid var(--tick-mid)}.ruler-v{top:0;bottom:0;left:0;width:28px;border-right:1px solid var(--tick-mid)}.ruler-h .ruler-ticks{position:absolute;left:28px;right:0;top:0;bottom:0;background-image:repeating-linear-gradient(90deg,var(--tick) 0 1px,transparent 1px 38px),repeating-linear-gradient(90deg,var(--tick-mid) 0 1px,transparent 1px 19px),repeating-linear-gradient(90deg,var(--tick-soft) 0 1px,transparent 1px 3.8px);background-size:100% 12px,100% 8px,100% 4px;background-position:left bottom;background-repeat:no-repeat}.ruler-v .ruler-ticks{position:absolute;top:28px;bottom:0;left:0;right:0;background-image:repeating-linear-gradient(180deg,var(--tick) 0 1px,transparent 1px 38px),repeating-linear-gradient(180deg,var(--tick-mid) 0 1px,transparent 1px 19px),repeating-linear-gradient(180deg,var(--tick-soft) 0 1px,transparent 1px 3.8px);background-size:12px 100%,8px 100%,4px 100%;background-position:right top;background-repeat:no-repeat}.ruler-nums{position:absolute;display:flex;font-size:8px;color:var(--tick)}.ruler-h .ruler-nums{left:28px;top:3px}.ruler-h .ruler-nums span{width:38px;padding-left:3px;flex-shrink:0}.ruler-v .ruler-nums{top:28px;left:2px;flex-direction:column}.ruler-v .ruler-nums span{height:38px;padding-top:3px;flex-shrink:0}.mat-toggle{position:absolute;top:36px;right:18px;z-index:60;width:44px;height:44px;border:none;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.mat-swatch{display:block;width:24px;height:24px;border-radius:50%;background-image:linear-gradient(135deg,#345754 0,#345754 50%,#f2efe8 50%,#f2efe8);box-shadow:0 0 0 1.5px var(--side),0 0 0 3.5px var(--mat),0 3px 8px #06120e59;transform:rotate(var(--swatch-rot));transition:transform .45s cubic-bezier(.3,1.4,.5,1),scale .12s ease}@media (hover: hover){.mat-toggle:hover .mat-swatch{filter:brightness(1.06)}}.mat-toggle:active .mat-swatch{scale:.9}.layout{position:relative;z-index:2;display:grid;grid-template-columns:320px minmax(0,1fr);padding:28px 0 0 28px;min-height:100vh}.side{position:sticky;top:28px;height:calc(100vh - 28px);min-height:660px;padding:52px 36px 32px 40px;display:flex;flex-direction:column;gap:36px;color:var(--side);border-right:1px solid var(--hair);z-index:3;transition:color .4s ease,border-color .4s ease}.side-intro{display:flex;flex-direction:column;gap:20px}.side-name{margin:0;font-size:68px;line-height:.95;letter-spacing:-.01em}.side-name a{text-decoration:none}.side-blurb{margin:0;font-size:14px;line-height:1.65;color:var(--side-muted)}.nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-left:14px}.nav-projects{display:flex;align-items:center;min-height:152px}.nav>[data-nav=about]{margin-top:-8px}.nav-link{position:relative;display:inline-flex;align-items:center;min-height:44px;font-size:30px;line-height:1;text-decoration:none}.oval{position:absolute;top:-6px;right:-14px;bottom:-6px;left:-14px;width:calc(100% + 28px);height:calc(100% + 12px);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;overflow:visible;pointer-events:none}.oval path{vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:.55;transition:stroke-dashoffset .45s var(--ease-out-quart),opacity .2s ease}@media (hover: hover){.nav-link:hover .oval path{stroke-dashoffset:0}}.nav-link[aria-current] .oval path{stroke-dashoffset:0;opacity:1}.chalk-lines{flex-shrink:0;margin-left:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .6px rgba(246,241,228,.55));opacity:.85;visibility:hidden;transition:visibility 0s .5s}.chalk-lines path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s var(--ease-out-quart)}.sub{list-style:none;margin:0 0 0 4px;padding:0;display:flex;flex-direction:column;gap:2px;visibility:hidden;transition:visibility 0s .5s}.sub li{margin:0;padding:0;opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .25s var(--ease-out-quart)}.has-subs .chalk-lines,.has-subs .sub{visibility:visible;transition:none}.has-subs .chalk-lines path{stroke-dashoffset:0}.has-subs .chalk-lines path:nth-child(2){transition-delay:.05s}.has-subs .chalk-lines path:nth-child(3){transition-delay:.1s}.has-subs .chalk-lines path:nth-child(4){transition-delay:.15s}.has-subs .sub li{opacity:1;transform:none}.has-subs .sub li:nth-child(1){transition-delay:.15s}.has-subs .sub li:nth-child(2){transition-delay:.2s}.has-subs .sub li:nth-child(3){transition-delay:.25s}.has-subs .sub li:nth-child(4){transition-delay:.3s}.chalk{position:relative;display:inline-flex;align-items:center;min-height:36px;padding:0 2px;border:none;background:transparent;color:inherit;font-size:22px;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;filter:drop-shadow(0 0 .6px rgba(246,241,228,.55));opacity:.82;transition:opacity .2s ease}@media (hover: hover){.chalk:hover{opacity:1}}.chalk[aria-current=page],.chalk[aria-current=true]{opacity:1}.chalk .uline{position:absolute;left:-2px;bottom:3px;width:calc(100% + 6px);height:8px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;overflow:visible}.chalk .uline path{vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s var(--ease-out-quart)}.chalk[aria-current=page] .uline path,.chalk[aria-current=true] .uline path{stroke-dashoffset:0}.cta{align-self:flex-start;margin:12px 0 0 14px;display:inline-flex;align-items:center;min-height:46px;padding:0 24px;border-radius:23px;background-color:var(--cta-bg);color:var(--cta-text);text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;transition:filter .15s ease,box-shadow .25s var(--ease-out-quart),background-color .4s ease,color .4s ease}@media (hover: hover){.cta:hover{filter:brightness(.92)}}.cta[aria-current]{box-shadow:0 0 0 3px var(--mat),0 0 0 4.5px var(--side)}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:14px;font-size:13px}.hint{margin:0;font-size:20px;color:var(--accent);min-height:1.2em;transition:opacity .3s ease}.socials{display:flex;gap:18px}.socials a{text-underline-offset:4px}.copy{margin:0;font-size:12px;color:var(--side-muted)}.m-foot{display:none}main{position:relative;z-index:2;display:grid;min-width:0}.view{grid-area:1 / 1;align-self:start;min-width:0;min-height:calc(100vh - 28px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:56px clamp(40px,6vw,110px) 48px}.view[data-leaving]{pointer-events:none;z-index:3}.view-case{justify-content:flex-start;gap:22px;padding:44px clamp(40px,6vw,110px) 80px}.view-home{padding:56px 40px 48px}.paper{background-color:var(--paper);background-image:var(--tex-paper);background-size:512px 512px}.washi{clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,100% 0,96% 12%,100% 24%,96% 38%,100% 52%,96% 66%,100% 80%,96% 92%,100% 100%,8% 100%,4% 90%,0 100%,4% 86%,0 72%,4% 58%,0 44%,4% 30%,0 18%)}.jh-stamp{width:34px;height:34px;border:2px solid var(--stamp);border-radius:3px;color:var(--stamp);display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;background-color:#a2412b0f}.stamp-block{position:relative;margin-top:auto;align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.stamp-date{font-size:12px;letter-spacing:.14em;color:#3a3f3a}.placeholder{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(31,36,32,.55);font-size:13px;letter-spacing:.12em;color:var(--ink-soft)}.cover-wrap{position:relative;perspective:1800px}.cover{position:relative;display:block;width:380px;height:560px;border-radius:3px 10px 10px 3px;overflow:hidden;transform:rotate(-2.5deg);transform-origin:left center;text-decoration:none;color:var(--ink);box-shadow:2px 2px #b3a891,4px 4px #f3eee2,5px 5px #ddd5c4,6px 6px #a89b81,0 44px 60px -22px #06120eb3,0 14px 24px -10px #06120e73;transition:transform .35s cubic-bezier(.3,.7,.3,1),box-shadow .35s ease}@media (hover: hover){.cover:hover{transform:rotate(-1.5deg) translateY(-8px)}}.cover{backface-visibility:hidden;-webkit-backface-visibility:hidden}.cover-inside{position:absolute;left:0;top:0;width:380px;height:560px;pointer-events:none;border-radius:10px 3px 3px 10px;transform-origin:left center;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset -10px 0 18px -10px #463a2459,0 20px 40px -20px #06120e80}.cover:focus-visible{outline-offset:8px}.sheen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-image:linear-gradient(125deg,#ffffff29,#fff0 38%,#0000 70%,#00000014)}.cloth{position:absolute;overflow:hidden}.cloth:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--tex-linen);background-size:256px 256px;mix-blend-mode:soft-light;opacity:.95}.cover-board{top:0;right:0;bottom:0;left:0;background-color:#ddd4c3}.cover-spine{left:0;top:0;bottom:0;width:86px;background-color:#a5513a;box-shadow:1px 0 #ffffff59,2px 0 3px #3c1e1040}.cover-spine:before{content:"";position:absolute;left:13px;top:0;bottom:0;width:3px;background-image:linear-gradient(90deg,#280e0659,#ffffff24)}.cover-foilcol{position:absolute;left:0;top:0;bottom:0;width:86px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 0 30px 8px}.foil{background-image:linear-gradient(160deg,#f4e2ae,#c9a256 30%,#f7e7b5 52%,#b08537 75%,#e8cc86);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(40,14,6,.45));writing-mode:vertical-rl}.cover-mono{font-size:30px;line-height:1;letter-spacing:.06em}.cover-port{font-size:10px;letter-spacing:.32em;text-transform:uppercase}.deboss-frame{position:absolute;left:112px;right:26px;top:26px;bottom:26px;border-radius:2px;z-index:2;border:1px solid rgba(84,68,44,.3);box-shadow:inset 0 1px #ffffff8c,0 1px #ffffff8c}.cover-label{position:absolute;left:86px;right:0;top:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center}.cover-title{font-size:22px;line-height:1;letter-spacing:.42em;margin-right:-.42em}.open-note{position:absolute;left:100%;bottom:72px;margin-left:36px;width:150px;color:var(--side);font-size:22px;line-height:1.2;display:flex;flex-direction:column;gap:6px}.open-note svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.book-wrap{position:relative;width:100%;max-width:1000px}.sb-book{position:relative;border-radius:14px;box-shadow:-2px 2px #eee9dd,-3px 3px #d9d1bf,-5px 4px #ece6d9,-6px 6px #d2c9b5,2px 2px #eee9dd,3px 3px #d9d1bf,5px 4px #ece6d9,6px 6px #d2c9b5,0 34px 50px -20px #06120e99,0 12px 20px -10px #06120e59}.book{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:var(--book-h, 0px)}.book-probe{position:absolute;top:0;left:0;right:0;visibility:hidden;pointer-events:none}.book-probe .book{min-height:0}.pg{position:relative;min-height:640px;display:flex;flex-direction:column}.pg-l{border-radius:14px 0 0 14px;box-shadow:inset -34px 0 34px -28px #463a2452,inset -2px 0 2px -1px #463a2440}.pg-r{border-radius:0 14px 14px 0;box-shadow:inset 34px 0 34px -28px #463a2452,inset 2px 0 2px -1px #463a2440}.stitch{position:absolute;left:50%;top:9%;bottom:9%;width:0;margin-left:-1px;border-left:1.5px dashed rgba(96,82,58,.38);z-index:2;pointer-events:none}.sb-book a:not(.btn-link):hover{color:#9c4a28}.wash{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none}.proj-l{padding:46px 50px 40px 54px;gap:22px}.proj-r{padding:52px 54px 36px 50px;gap:20px}.kicker{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--label)}.proj-title{margin:0;font-size:56px;line-height:.98;letter-spacing:-.005em}.proj-title.long{font-size:50px}.proj-sub{margin:0;font-size:21px;font-style:italic;color:var(--ink-soft)}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:14px}.facts div{display:flex;flex-direction:column;gap:4px}.facts dt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--label)}.facts dd{margin:0}.proj-blurb{margin:0;max-width:46ch;font-size:16px;line-height:1.7}.soon-card{position:relative;align-self:center;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;padding:7px;background-color:#fffdf8;box-shadow:0 2px 8px #1f24202e;transform:rotate(-1deg)}.soon-card svg{fill:none;stroke:var(--ink-soft);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.soon-stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);padding:8px 16px;border:3px solid var(--stamp);border-radius:6px;color:var(--stamp);font-family:Courier Prime,Courier New,monospace;font-size:clamp(16px,2vw,24px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background-color:#fffdf8b3}.soon-tag{margin:auto 0 0;align-self:flex-start;padding:6px 12px;border:2px solid var(--stamp);border-radius:4px;color:var(--stamp);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-2deg)}.soon-links{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px;font-size:17px;line-height:1.6}.read-link{margin-top:auto;align-self:flex-start;font-size:14px;letter-spacing:.12em;text-transform:uppercase;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:44px}.polaroid{position:relative;width:86%;align-self:center;padding:7px;background-color:#fff;box-shadow:0 2px 8px #1f24202e;transform:rotate(-1deg)}.polaroid img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:center top}.phone-snap{position:relative;width:min(190px,52%);align-self:center;padding:6px;background-color:#fff;box-shadow:0 2px 8px #1f24202e;transform:rotate(-2deg)}.phone-snap img{display:block;width:100%;aspect-ratio:301 / 652;object-fit:cover;object-position:center top}.phone-snap .washi{position:absolute;top:-10px;left:50%;width:76px;height:20px;margin-left:-38px;z-index:1}.sketch{position:relative;margin:0;display:flex;align-items:flex-end;gap:14px}.sketch svg{flex-shrink:0;fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.sketch figcaption,.note{font-size:18px;line-height:1.3;color:#3a3f3a}.book-foot{display:flex;align-items:center;gap:22px;color:var(--side);font-size:13px;letter-spacing:.24em}.book-foot .of{opacity:.6}.chev{position:absolute;top:50%;margin-top:-30px;width:60px;height:60px;border:none;border-radius:30px;z-index:8;background-color:var(--cta-bg);color:var(--cta-text);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 10px 20px -8px #06120e8c,0 2px 4px #06120e40;transition:transform .2s ease,filter .2s ease}.chev svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chev-l{left:-84px}.chev-r{right:-84px}@media (hover: hover){.chev:hover{filter:brightness(.93)}.chev-l:hover{transform:translate(-4px)}.chev-r:hover{transform:translate(4px)}}.chev:active{transform:scale(.95)}.m-pager{display:none}.m-pager button{width:52px;height:52px;border:none;border-radius:26px;background-color:var(--cta-bg);color:var(--cta-text);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 8px 16px -8px #06120e8c}.m-pager svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.about-head{height:104px;padding:32px 40px 0;flex-shrink:0}.about-spacer{height:104px;flex-shrink:0}.cat-doodles{position:absolute;top:26px;right:44px;display:flex;align-items:flex-end;gap:10px}.cat-doodles svg{fill:none;stroke:#2f3430;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cat-doodles .fill{fill:#2f3430;stroke:none}.cat-doodles path.fill{fill:var(--rust)}@media (max-width: 1279px){.cat-doodles{display:none}}.about-title{margin:0;font-size:26px;font-style:italic;line-height:1.1;letter-spacing:.01em;color:var(--ink-soft)}.hobby{position:relative;flex:1;padding:22px 40px;display:flex;flex-direction:column;gap:10px}.hobby+.hobby{padding:26px 40px 36px}.hobby.ruled{border-bottom:1px dashed var(--rule)}.hobby-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.hobby h2{margin:0;font-size:38px;line-height:1}.hobby-notes{font-size:clamp(15px,1.25vw,18px);line-height:1.45;color:#2f3430;margin:0;padding:0;list-style:none}.hobby-body{position:relative;display:flow-root}.note-val{font-family:Archivo Narrow,Arial Narrow,Arial,sans-serif;font-size:.9em;font-weight:400;color:var(--ink-soft)}.snap-r{float:right;margin:4px 0 10px 18px}.snap-l{float:left;margin:4px 18px 10px 0}.snap{position:relative;flex-shrink:0;padding:7px 7px 26px;background-color:#fff;box-shadow:0 2px 6px #1f24202e}.snap-cap{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:13px;color:#3a3f3a}.yt-snap{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.yt-snap img{display:block;width:100%;height:100%;object-fit:cover}.yt-play{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#1f2420b8;transition:transform .2s var(--ease-out-quart),background-color .2s}.yt-play svg{margin-left:2px;fill:#f6f1e4}.yt-snap:hover .yt-play,.yt-snap:focus-visible .yt-play{transform:scale(1.1);background-color:#a5513aeb}.yt-snap:focus-visible{outline:2px solid #F08A5D;outline-offset:2px}.yt-dialog{padding:0;border:0;background:transparent;overflow:visible;max-width:none;max-height:none}.yt-dialog::backdrop{background-color:#141a18d1}.yt-frame{width:min(92vw,960px,calc(85vh * 16 / 9));aspect-ratio:16 / 9;background-color:#000;box-shadow:0 20px 50px #00000073}.yt-frame.is-vertical{width:min(92vw,47.8125vh);aspect-ratio:9 / 16}.yt-frame iframe{display:block;width:100%;height:100%;border:0}.yt-close{position:absolute;top:-46px;right:0;width:40px;height:40px;border:0;border-radius:50%;background-color:#f6f1e4;color:#1f2420;font-size:24px;line-height:1;cursor:pointer}.save-file{position:relative;align-self:flex-start;margin-top:4px;display:flex;align-items:center;gap:14px;padding:10px 14px;border:1.5px solid var(--ink);border-radius:4px;transform:rotate(-1.5deg)}.stub{position:relative;align-self:flex-start;max-width:100%;margin-top:4px;display:flex;flex-wrap:wrap;align-items:stretch;background-color:#ebd9a8;transform:rotate(2deg);box-shadow:0 1px 3px #1f242026;-webkit-mask:radial-gradient(circle 7px at 0 50%,transparent 6.5px,#000 7px) left/51% 100% no-repeat,radial-gradient(circle 7px at 100% 50%,transparent 6.5px,#000 7px) right/51% 100% no-repeat;mask:radial-gradient(circle 7px at 0 50%,transparent 6.5px,#000 7px) left/51% 100% no-repeat,radial-gradient(circle 7px at 100% 50%,transparent 6.5px,#000 7px) right/51% 100% no-repeat}.slot{position:absolute;pointer-events:none;visibility:hidden}.slot-edge{display:none}@media (max-width: 1279px){.slot-wide{display:none}.slot-edge{display:block}}.m-slot{display:none;flex-shrink:0;visibility:hidden;pointer-events:none}.hello-l{padding:52px 52px 44px 56px;gap:18px}.hello-r{padding:40px 48px 36px 46px}.hello-title{margin:0;font-size:64px;line-height:.95;letter-spacing:-.01em}.contact-list{margin:8px 0 0;display:grid;grid-template-columns:96px minmax(0,1fr);font-size:15px}.contact-list dt{padding:10px 0;border-top:1px dashed rgba(96,82,58,.35);font-size:11px;letter-spacing:.18em;color:var(--label)}.contact-list dd{margin:0;padding:9px 0;border-top:1px dashed rgba(96,82,58,.35)}.contact-list dt:nth-last-of-type(1),.contact-list dd:last-of-type{border-bottom:1px dashed rgba(96,82,58,.35)}.contact-list a{text-underline-offset:4px}.flabel{display:block;font-family:Courier Prime,Courier New,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#5a4a2e;margin:0 0 2px}.fline{display:block;width:100%;border:none;border-bottom:1.5px solid rgba(31,36,32,.55);border-radius:0;background:transparent;padding:4px 2px 3px;font-family:Gochi Hand,Comic Sans MS,cursive;font-size:22px;line-height:1.2;color:#22355e;outline:none}.fline::placeholder,.flines::placeholder{color:#22355e73}.fline:focus{border-bottom-color:var(--rust);background:#a5513a0d}.fline:focus-visible,.flines:focus-visible{outline:2px solid #F08A5D;outline-offset:2px}.flines{display:block;width:100%;height:130px;resize:none;border:none;border-radius:0;outline:none;padding:0 2px;background:transparent;background-image:repeating-linear-gradient(to bottom,transparent 0 31px,rgba(31,36,32,.45) 31px 32px);font-family:Gochi Hand,Comic Sans MS,cursive;font-size:21px;line-height:32px;color:#22355e}.flines:focus{background-color:#a5513a0a}.fbox{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:15px;cursor:pointer}.fbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin:0;border:1.5px solid var(--ink);border-radius:0;background:transparent;cursor:pointer;flex-shrink:0}.fbox input:checked{background:#22355e;box-shadow:inset 0 0 0 3px var(--paper)}.stamp-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border:2px solid var(--stamp);border-radius:4px;background-color:transparent;color:var(--stamp);font-size:14px;font-weight:700;letter-spacing:.16em;cursor:pointer;transform:rotate(-2deg);transition:background-color .2s ease,transform .15s ease}@media (hover: hover){.stamp-btn:hover{background-color:#a2412b14}}.stamp-btn:active{transform:rotate(-2deg) scale(.96)}.form-error{margin:0;font-size:15px;color:var(--stamp)}.received-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background-color:#f8f4ebd1}.received{padding:14px 22px;border:3px double var(--stamp);border-radius:6px;color:var(--stamp);text-align:center;background-color:#f8f4eb99;animation:stampIn .4s cubic-bezier(.3,1.6,.5,1) both}@keyframes stampIn{0%{transform:scale(1.7) rotate(-16deg);opacity:0}to{transform:scale(1) rotate(-8deg);opacity:.92}}.case-top{width:100%;max-width:880px;display:flex;justify-content:space-between;align-items:center;color:var(--side)}.back{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:22px;text-decoration:none;transition:transform .2s ease}@media (hover: hover){.back:hover{transform:translate(-4px)}}.back svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.case-count{font-size:12px;letter-spacing:.24em;opacity:.8}.sheet-stack{position:relative;width:100%;max-width:880px}.sheet-under{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;box-shadow:0 2px 3px #06120e2e,0 18px 30px -16px #06120e73}.sheet-under:nth-child(1){transform:rotate(-2.2deg) translate(-10px,14px)}.sheet-under:nth-child(2){transform:rotate(1.6deg) translate(12px,8px)}.sheet-under:nth-child(3){transform:rotate(-.6deg) translate(-3px,4px)}.sheet{position:relative;z-index:2;border-radius:4px;padding:64px 72px 56px;box-shadow:0 1px 2px #06120e33,0 24px 40px -22px #06120e80}.sheet a:hover{color:#9c4a28}.sheet-tape{position:absolute;top:-12px;left:50%;width:120px;height:26px;margin-left:-60px}.case-head{display:flex;flex-direction:column;gap:18px;padding-bottom:36px}.case-kicker{display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--label)}.cs-title{margin:0;font-size:72px;line-height:.95;letter-spacing:-.01em}.case-sub{margin:0;font-size:24px;font-style:italic;line-height:1.35;color:var(--ink-soft);max-width:40ch}.meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:10px 0 0;padding:16px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:15px}.meta div{display:flex;flex-direction:column;gap:4px}.meta dt{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--label)}.meta dd{margin:0}.hero-fig{position:relative;margin:0 0 12px}.hero-wash{position:absolute;left:-4%;top:-6%;width:108%;height:112%;object-fit:fill;opacity:.75;pointer-events:none}.ph-hatch{background-color:#e6ede78c;background-image:repeating-linear-gradient(135deg,rgba(45,84,73,.07) 0 1px,transparent 1px 10px);color:#3f5a50;border-color:#1f242080}.cs-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;padding:40px 0;border-top:1px solid rgba(96,82,58,.22)}.cs-row>h2{margin:0;font-size:30px;line-height:1.05}.cs-body{display:flex;flex-direction:column;gap:22px;min-width:0}.cs-body p{margin:0;font-size:17px;line-height:1.75;max-width:60ch}.cs-body h3{margin:0;font-size:22px;line-height:1.2}.pull{padding-left:18px;border-left:2px solid var(--tape);font-size:24px!important;line-height:1.35!important;color:#2f3430}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.steps>li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px}.steps.wide>li{grid-template-columns:44px minmax(0,1fr);gap:14px}.step-n{font-size:13px;letter-spacing:.1em;color:var(--rust);padding-top:4px}.steps p{line-height:1.7!important}.steps strong{font-weight:600}.step-body{display:flex;flex-direction:column;gap:10px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stats.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}.stat{padding:18px 18px 16px;background-color:#fff;box-shadow:0 1px 3px #1f242024;display:flex;flex-direction:column;gap:6px}.stat-n{font-size:42px;line-height:1}.stats.two .stat-n{font-size:52px;color:var(--rust)}.stat-l{font-size:14px;line-height:1.5;color:var(--ink-soft)}.stats.two .stat-l{font-size:15px}.pinned{position:relative;align-self:flex-start;padding:22px 24px 18px;background-color:#fff;box-shadow:0 1px 3px #1f242029;transform:rotate(-1.2deg);max-width:320px}.pinned .washi{position:absolute;top:-10px;left:50%;width:92px;height:22px;margin-left:-46px}.pinned .hand{margin:0;font-size:19px;line-height:1.4;color:#2f3430}.shot{position:relative;margin:6px 0 0;padding:8px 8px 0;background-color:#fff;box-shadow:0 1px 3px #1f242029,0 10px 20px -14px #1f242059}.shot img{display:block;width:100%;height:auto}.shot .washi{position:absolute;top:-10px;left:50%;width:84px;height:20px;margin-left:-42px;z-index:1}.shot figcaption{padding:8px 4px 10px;font-size:17px;line-height:1.3;color:#3a3f3a}.table-scroll{overflow-x:auto}.cs-table{width:100%;border-collapse:collapse}.cs-table th[scope=col]{padding:0 14px 10px 0;text-align:left;font-weight:400;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--label)}.cs-table th[scope=row],.cs-table td{padding:12px 14px 12px 0;border-top:1px solid rgba(96,82,58,.22);vertical-align:top;font-size:15px;line-height:1.55;text-align:left}.cs-table th[scope=row]{font-weight:600}.cs-table.facts-table th[scope=row]{font-weight:400;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--label);padding:8px 12px 8px 0}.cs-table.facts-table td{padding:8px 12px 8px 0;line-height:1.45}.case-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:36px;border-top:1px solid rgba(96,82,58,.22)}.case-foot nav{display:flex;flex-direction:column;gap:6px}.case-foot nav a{font-size:14px;letter-spacing:.12em;text-transform:uppercase;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:40px}.case-foot .stamp-block{margin-top:0}.sticker-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.sticker-layer.is-under{z-index:1}.stk{position:absolute;left:0;top:0;width:200px;padding:0;margin:0;border:0;background:none;transform-origin:0 0;pointer-events:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform}.stk img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none;filter:drop-shadow(0 4px 4px rgba(10,20,16,.3)) drop-shadow(0 1px 0 rgba(10,20,16,.18));transition:filter .2s ease}.stk.is-lifted{cursor:grabbing}.stk.is-lifted img{filter:drop-shadow(0 16px 16px rgba(10,20,16,.4)) drop-shadow(0 2px 2px rgba(10,20,16,.25))}.stk:focus-visible{outline:none}.stk:focus-visible img{filter:drop-shadow(0 0 0 #F08A5D) drop-shadow(0 0 2px #F08A5D) drop-shadow(0 0 2px #F08A5D) drop-shadow(0 6px 8px rgba(10,20,16,.35))}.stk.is-hidden{visibility:hidden}.turn-rig{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;transform-style:preserve-3d}.turn-static{position:absolute;top:0;bottom:0;overflow:hidden}.turn-leaf,.turn-strip{position:absolute;top:0;height:100%;transform-style:preserve-3d}.turn-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.turn-face.back{transform:rotateY(180deg)}.turn-face>.turn-content{position:absolute;top:0;height:100%}.turn-face>.turn-content>*{width:100%;height:100%;min-height:0!important}.turn-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#2a2116;opacity:0}.turn-cast{position:absolute;top:0;bottom:0;pointer-events:none;opacity:0}@media (max-width: 1180px){.chev-l{left:-22px}.chev-r{right:-22px}}@media (max-width: 860px){.ruler-v{display:none}.layout{grid-template-columns:minmax(0,1fr);padding:28px 0 0}.side{position:relative;top:auto;height:auto;min-height:0;border-right:none;border-bottom:1px solid var(--hair);padding:30px 20px 24px;gap:18px}.side-name{font-size:46px}.side-name br{display:none}.nav{flex-direction:row;align-items:center;flex-wrap:wrap;column-gap:30px;row-gap:4px;padding-left:12px}.nav-projects{min-height:0}.nav>[data-nav=about]{margin-top:0}.nav-link{font-size:25px}.chalk-lines,.sub{display:none}.cta{margin:2px 0 0}.side-foot{display:none}.m-foot{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px 20px 36px;border-top:1px solid var(--hair);color:var(--side);font-size:13px}.m-foot .socials a{display:inline-flex;align-items:center;min-height:44px}.mat-toggle{top:32px;right:8px}.view,.view-case,.view-home{min-height:0;padding:30px 16px 36px}.view-home{min-height:620px}.open-note{display:none}.cover,.cover-inside{width:270px;height:398px}.cover-title{font-size:18px}.book{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.pg{min-height:0}.pg-l{border-radius:14px 14px 0 0;box-shadow:none}.pg-r{border-radius:0 0 14px 14px;box-shadow:none;border-top:1px solid rgba(96,82,58,.18)}.stitch,.chev{display:none}.proj-l,.proj-r{padding:30px 24px 28px}.proj-title,.proj-title.long{font-size:42px}.wash{top:16px!important}.book-foot .p-label{display:none}.m-pager{display:flex;align-items:center;gap:22px}.hobby,.hobby+.hobby{padding:22px 22px 26px}.hobby h2{font-size:34px}.about-head{height:auto;padding:28px 22px 0}.m-hide,.slot{display:none}.m-slot{display:block}.hello-l,.hello-r{padding:30px 22px 28px}.hello-title{font-size:52px}.f-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.f-head{flex-wrap:wrap;row-gap:4px}.cs-row{grid-template-columns:minmax(0,1fr);gap:14px}.meta,.stats,.stats.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet{padding:36px 24px 40px}.cs-title{font-size:48px}.case-foot{flex-wrap:wrap}}@media (max-width: 420px){.meta,.stats,.stats.two{grid-template-columns:minmax(0,1fr)}.facts{grid-template-columns:minmax(0,1fr);gap:10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}.skip-link{transition:none}}.sticker-layer{transition:opacity .25s ease,visibility 0s}.sticker-layer.is-hidden{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .2s}