@font-face{font-family:Covered By Your Grace;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/covered-by-your-grace-latin-ext-400-normal.De81fzcW.woff2)format("woff2"),url(/_astro/covered-by-your-grace-latin-ext-400-normal.Dn_ithxy.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:Covered By Your Grace;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/covered-by-your-grace-latin-400-normal.otpn24hA.woff2)format("woff2"),url(/_astro/covered-by-your-grace-latin-400-normal.CgK0HgSs.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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/patrick-hand-vietnamese-400-normal.65jA92mZ.woff2)format("woff2"),url(/_astro/patrick-hand-vietnamese-400-normal.CZjY324Y.woff)format("woff");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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/patrick-hand-latin-ext-400-normal.Dno5CMlI.woff2)format("woff2"),url(/_astro/patrick-hand-latin-ext-400-normal.C2ywpnn3.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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/patrick-hand-latin-400-normal.B7HHA2Vw.woff2)format("woff2"),url(/_astro/patrick-hand-latin-400-normal.Df9_VoRQ.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}:root{--font-block:"Covered By Your Grace", cursive;--font-hand:"Covered By Your Grace", cursive;--font-script:"Patrick Hand", cursive;--font-body:"Patrick Hand", cursive;--paper:#f7f6f1;--paper-2:#fbfaf7;--ink:#1f1b16;--ink-soft:color-mix(in srgb, var(--ink) 60%, transparent);--accent:#e2574c;--paper-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .12 0 0 0 0 .1 0 0 0 0 .08 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M3 3 L22 13 L13 15 L9 24 Z' fill='%23fbfaf7' stroke='%231f1b16' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 3, auto;--cursor-hand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath d='M4 26 L20 10 L25 15 L9 30 Z M20 10 L23 4 L28 9 L25 15' fill='%23fbfaf7' stroke='%231f1b16' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M4 26 L2 29 L6 28' fill='%231f1b16'/%3E%3C/svg%3E") 2 28, pointer}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{cursor:var(--cursor)}body{background:var(--paper) var(--paper-texture);color:var(--ink);font:400 1.2rem/1.5 var(--font-body);min-height:100vh;margin:0}a,button,[role=button],summary,label,.clicky{cursor:var(--cursor-hand);color:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-block)}.hand{font-family:var(--font-hand)}h1,h2,h3,.hand{letter-spacing:.02em;font-weight:400;line-height:1.05}h1{margin:.2em 0;font-size:clamp(2.6rem,8vw,5rem)}h2{margin:.4em 0 .2em;font-size:clamp(2rem,5vw,3rem)}p{max-width:60ch}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px dashed var(--ink);outline-offset:4px}.wrap{width:min(69rem,100% - 32px);margin-inline:auto}html,body{overflow-x:clip}.center{text-align:center}.center p,p.center{margin-inline:auto}.muted{color:var(--ink-soft)}.boil{filter:var(--boil,none)}@keyframes jitter{0%{transform:translate(-1.2px,.4px)rotate(-1deg)}25%{transform:translate(1.2px,-.6px)rotate(1deg)}50%{transform:translate(-.6px,.8px)rotate(-.4deg)}75%{transform:translate(1px,.2px)rotate(.7deg)}to{transform:translate(-1.2px,.4px)rotate(-1deg)}}.jitter{animation:.72s step-end infinite jitter;display:inline-block}.jitter:nth-child(2n){animation-delay:-.24s}.jitter:nth-child(3n){animation-delay:-.48s}.sketch{border:2.5px solid var(--ink);background:var(--paper-2);border-radius:255px 15px 225px/15px 225px 15px 255px}.sketch.alt{border-radius:15px 225px 15px 255px/255px 15px 225px}.btn{font:400 1.5rem/1 var(--font-hand);color:var(--ink);background:0 0;border:0;align-items:center;gap:.2em;padding:.3em .2em;text-decoration:none;display:inline-flex}.btn:before{content:"[";transition:transform .28s cubic-bezier(.34,1.6,.5,1)}.btn:after{content:"]";transition:transform .28s cubic-bezier(.34,1.6,.5,1)}.btn:hover:before{transform:translate(-6px)rotate(-8deg)}.btn:hover:after{transform:translate(6px)rotate(8deg)}.btn[disabled]{opacity:.45;pointer-events:none}.nav{z-index:50;background:var(--paper) var(--paper-texture);position:sticky;top:0;box-shadow:0 6px 18px -12px #00000059}.nav-inner{justify-content:space-between;align-items:center;gap:1.2rem;padding:1.1rem 0;display:flex}.logo{font:400 3rem/1 var(--font-block);text-decoration:none}.nav ul{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.3rem 1.4rem;margin:0;padding:0;list-style:none;display:flex}.nav .nl{font:400 2.1rem/1 var(--font-hand);white-space:nowrap;text-decoration:none}.nav a.nl[aria-current=page]{text-underline-offset:6px;text-decoration:underline wavy}.nav a.nl:hover .jitter{animation-duration:.3s}.mute{font:400 1.7rem var(--font-hand);white-space:nowrap;background:0 0;border:0;padding:0 .2rem}@media (width<=720px){.nav{position:relative}.nav-inner{flex-direction:column;gap:.35rem;padding:.7rem 0 .8rem}.nav ul{justify-content:center;gap:.15rem .9rem}.nav .nl{font-size:1.35rem}.mute{font-size:1.2rem}.logo{font-size:2rem}}.grid{grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:clamp(18px,3vw,36px);padding:1rem 0 3rem;display:grid}.card{background:var(--paper-2);padding:12px 12px 8px;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.5,.5,1);display:block;position:relative;box-shadow:0 10px 24px -14px #0f0b058c}.card:nth-child(4n+1){transform:rotate(-1.6deg)}.card:nth-child(4n+2){transform:rotate(1.2deg)}.card:nth-child(4n+3){transform:rotate(-.6deg)}.card:nth-child(4n){transform:rotate(1.8deg)}.card:hover{z-index:2;transform:rotate(0)scale(1.03)}.card img{aspect-ratio:4/5;object-fit:cover;background:#eee;width:100%}.card.square img{aspect-ratio:1}.card.wide img{aspect-ratio:4/3}.card .cap{font:400 1.35rem/1.1 var(--font-hand);justify-content:space-between;gap:.5rem;padding:.5rem .1rem .1rem;display:flex}.card .cap>span+span{white-space:nowrap}.card .sub{color:var(--ink-soft);padding:0 .1rem .3rem;font-size:1rem}.tape{background:#e2d9b4bf;width:90px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #00000014}.tag{font:400 .95rem var(--font-hand);border:1.5px solid var(--ink);border-radius:30px 8px;padding:0 .5em;display:inline-block}.stamp{font:400 2.4rem var(--font-hand);color:var(--accent);border:3px solid var(--accent);background:#fbfaf7cc;border-radius:6px;padding:0 .4em;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.lightbox{z-index:400;opacity:0;visibility:hidden;background:#18130c9e;justify-content:center;align-items:center;padding:clamp(16px,3vw,44px);transition:opacity .22s,visibility 0s linear .22s;display:flex;position:fixed;inset:0}.lightbox.open{opacity:1;visibility:visible;transition:opacity .22s}.lb-frame{background:var(--paper-2);max-width:min(92vw,1000px);padding:clamp(8px,1.1vw,14px);transition:transform .22s;position:relative;transform:scale(.96)rotate(-.6deg);box-shadow:0 24px 70px #0f0b058c}.lightbox.open .lb-frame{transform:scale(1)rotate(0)}.lb-frame img{width:auto;max-height:76vh;margin:0 auto}.lb-cap{font:400 1.5rem var(--font-hand);padding:.4rem .2rem 0}.lb-cap small{font:1rem var(--font-body);text-transform:none;color:var(--ink-soft);display:block}.lb-close{border:2.5px solid var(--ink);background:var(--paper);width:44px;height:44px;font:400 1.6rem/1 var(--font-hand);border-radius:50%;position:absolute;top:-18px;right:-18px}#gate{z-index:9999;background:var(--paper) var(--paper-texture);place-items:center;transition:opacity .5s,visibility 0s linear .5s;display:grid;position:fixed;inset:0}#gate.gone{opacity:0;visibility:hidden}#gate .mono{font:400 clamp(5rem, 22vw, 11rem)/1 var(--font-block)}#gate .mono-img{width:auto;max-height:40vh;margin:0 auto}#gate .enter{margin-top:1rem}html.gated{overflow:hidden}.video{aspect-ratio:16/9;background:#000;border:0;width:100%}.video-empty{aspect-ratio:16/9;text-align:center;place-items:center;padding:1rem;display:grid}footer{text-align:center;font:400 1.3rem var(--font-hand);padding:3rem 0 2rem}footer .star{vertical-align:middle;font-size:1.8rem;display:inline-block}@media (prefers-reduced-motion:reduce){.jitter,.boil{filter:none!important;animation:none!important}.card,.btn:before,.btn:after,.lb-frame{transition:none!important}}.duo{flex-wrap:wrap;align-items:baseline;gap:0 .35em;display:flex}.duo .script,.script{font:400 .4em/1 var(--font-script);text-transform:none;letter-spacing:0;color:var(--ink-soft);display:inline-block;transform:rotate(-4deg)translateY(-.25em)}.duo .big{font-size:1.35em}.center .duo,.duo.center{justify-content:center}.rich p{max-width:62ch}.rich .big{white-space:nowrap;font:400 1.9em/1 var(--font-block);vertical-align:-.12em}.rich .script{color:var(--ink-soft);font-size:1em;transform:rotate(-2deg)}.rich p:first-child:first-letter{font:400 3.4em/.8 var(--font-block);float:left;margin:.05em .08em 0 0}.rich p:first-child:has(>.big:first-child):first-letter{font:inherit;float:none;margin:0}mark.hl{background:linear-gradient(100deg, transparent 2%, color-mix(in srgb, var(--accent) 35%, transparent) 4%, color-mix(in srgb, var(--accent) 28%, transparent) 94%, transparent 97%);color:inherit;padding:0 .15em}.intro{margin-top:-.2rem;font-size:1.25rem}.hero{text-align:center;place-items:center;padding:3rem 0 1rem;display:grid;position:relative}.hero .wordmark{font:400 clamp(4.5rem, 18vw, 10rem)/1 var(--font-block);margin:0}.hero .tagline{font:400 clamp(1.3rem, 3.6vw, 2.1rem)/1 var(--font-hand);color:var(--ink-soft);margin:1.1em 0 0;transform:rotate(-3deg)}.hero .logo-img{width:auto;max-height:240px}.hero-img{border:10px solid var(--paper-2);width:auto;max-height:520px;margin:1.5rem auto 0;transform:rotate(-1deg);box-shadow:0 16px 40px -20px #0f0b0599}.about{grid-template-columns:1fr;align-items:center;gap:1.5rem;max-width:1100px;margin:2.5rem auto 1.5rem;display:grid;position:relative}.about.has-img{grid-template-columns:minmax(0,260px) 1fr}.about img{border:8px solid var(--paper-2);transform:rotate(2deg);box-shadow:0 10px 24px -14px #0f0b058c}@media (width<=640px){.about.has-img{grid-template-columns:1fr}.about img{max-width:220px;margin:0 auto}}.page-head-img{object-fit:cover;border:8px solid var(--paper-2);width:100%;max-height:360px;margin:.5rem 0 1rem;transform:rotate(-.4deg);box-shadow:0 12px 30px -18px #0f0b0599}.nav img.nav-doodle{width:auto;height:34px;display:inline-block}.home-doodle{width:auto;height:64px;margin:0 auto}.masonry{columns:3 17rem;column-gap:clamp(14px,2vw,26px);padding:1rem 0 3rem}.masonry .ph{break-inside:avoid;background:var(--paper-2);margin:0 0 clamp(14px,2vw,26px);padding:8px 8px 4px;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.5,.5,1);display:block;box-shadow:0 10px 24px -16px #0f0b058c}.masonry .ph:nth-child(3n+1){transform:rotate(-.8deg)}.masonry .ph:nth-child(3n+2){transform:rotate(.7deg)}.masonry .ph:hover{transform:rotate(0)scale(1.02)}.masonry .ph img{width:100%;height:auto}.masonry .ph figcaption{font:400 1.35rem/1.1 var(--font-hand);justify-content:space-between;gap:.5rem;padding:.3rem .2rem .1rem;display:flex}.masonry .ph figcaption span:last-child{color:var(--ink-soft);font-size:1.05rem}.grid.doors{flex-wrap:wrap;justify-content:center;gap:clamp(12px,2vw,24px);display:flex}.grid.doors>.card{flex:0 calc(25% - clamp(12px,2vw,24px)/1.33333);min-width:0}@media (width>=1200px){.grid.doors>.card{flex-basis:calc((100% - (var(--n,6) - 1) * 24px) / var(--n,6))}}@media (width<=760px){.grid.doors>.card{flex-basis:calc(33.3333% - 9.33333px)}.grid.doors{gap:14px}}@media (width<=480px){.grid.doors>.card{flex-basis:calc(50% - 6px)}.grid.doors{gap:12px}}@media (width<=340px){.grid.doors>.card{padding:1rem .5rem!important}.grid.doors .cap{font-size:1.15rem}}.rich:after{content:"";clear:both;display:block}.rich h2{margin:.3em 0 .2em}.rich p.note{color:var(--ink-soft);font-size:.9em;transform:rotate(-1deg)}.rich a{text-underline-offset:4px;text-decoration:underline wavy}.drawing{margin:.4rem 0 .8rem}.drawing img{width:100%;height:auto}.drawing.size-small{width:min(160px,40%)}.drawing.size-medium{width:min(280px,50%)}.drawing.size-large{width:100%;max-width:560px}.drawing.pos-left{float:left;margin-right:1.2rem}.drawing.pos-right{float:right;margin-left:1.2rem}.drawing.pos-center{float:none;margin-inline:auto}.drawing.framed img{background:var(--paper-2);padding:8px;box-shadow:0 10px 24px -14px #0f0b058c}.drawing.tilt:nth-of-type(odd){transform:rotate(-3deg)}.drawing.tilt:nth-of-type(2n){transform:rotate(2.5deg)}.drawing figcaption{font:400 1.1rem var(--font-hand);text-align:center;color:var(--ink-soft)}@media (width<=520px){.drawing.pos-left,.drawing.pos-right{float:none;width:min(220px,70%);margin-inline:auto}}.anim-grid{grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr));gap:clamp(16px,2.5vw,30px);padding:1rem 0 3rem;display:grid}.anim-grid .card video,.anim-grid .card iframe{aspect-ratio:1;object-fit:cover;background:var(--paper);border:0;width:100%;display:block}.anim-grid .card img{aspect-ratio:1}.more-menu{position:relative}.more-menu summary{cursor:var(--cursor-hand);list-style:none}.more-menu summary::-webkit-details-marker{display:none}.nav .more-list{text-align:left;background:var(--paper-2);z-index:60;flex-wrap:nowrap;justify-content:stretch;gap:.7rem;min-width:12rem;margin:0;padding:.9rem 1.3rem;list-style:none;display:grid;position:absolute;top:calc(100% + 12px);right:0;transform:rotate(-1deg);box-shadow:0 14px 30px -18px #0f0b0599}.more-list a.nl{display:block}.more-list a.nl:hover{text-underline-offset:5px;text-decoration:underline wavy}@media (width<=720px){.nav .more-list{right:50%;transform:translate(50%)rotate(-1deg)}}.about .sketch{min-height:320px;font-size:1.3rem;padding:clamp(1.4rem,3vw,2.6rem) clamp(1.4rem,3.5vw,3rem)!important}.about-arrow{pointer-events:none;z-index:2;align-items:flex-end;gap:.3rem;display:flex;position:absolute;top:-78px;left:-4px}.about-arrow .note{font:400 1.7rem/1 var(--font-hand);white-space:nowrap;animation:2.4s ease-in-out infinite noteBob;transform:rotate(-6deg)}.about-arrow svg{width:120px;height:90px;overflow:visible}.about-arrow path{fill:none;stroke:var(--ink);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260px;animation:3.2s ease-in-out infinite arrowDraw}.about-arrow path.head{stroke-dasharray:60;stroke-dashoffset:60px;animation-name:arrowHead}@keyframes arrowDraw{0%{stroke-dashoffset:260px}35%,80%{stroke-dashoffset:0}to{stroke-dashoffset:-260px}}@keyframes arrowHead{0%,30%{stroke-dashoffset:60px}45%,80%{stroke-dashoffset:0}to{stroke-dashoffset:-60px}}@keyframes noteBob{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(-4deg)translateY(-6px)}}@media (prefers-reduced-motion:reduce){.about-arrow path{stroke-dashoffset:0;animation:none}.about-arrow .note{animation:none}}.video-list{gap:clamp(28px,5vw,64px);padding:1rem 0 4rem;display:grid}.video-list .card{padding:14px 14px 10px;transform:none!important}.video-list .card:nth-child(odd){transform:rotate(-.5deg)!important}.video-list .card:nth-child(2n){transform:rotate(.5deg)!important}.video-list .video{aspect-ratio:16/9;width:100%;display:block}@media (height<=520px) and (orientation:landscape){.nav{position:relative}.nav-inner{padding:.5rem 0}.nav .nl{font-size:1.4rem}.logo{font-size:2rem}#gate .mono{font-size:5rem}}@media (width>=1800px){html{font-size:118%}}@media (width>=2400px){html{font-size:145%}}@media (width>=3200px){html{font-size:190%}}.hd-icon{margin:0 auto;display:block}.star .hd-icon{vertical-align:middle;display:inline-block}.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}