@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/InstrumentSerif-400.woff2)format("woff2")}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:block;src:url(/fonts/InstrumentSerif-400-italic.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/IBMPlexMono-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:block;src:url(/fonts/IBMPlexMono-500.woff2)format("woff2")}:root{--morph:.35s;--paper:#d3f0f1;--paper-2:#fffaf7;--bar:#fff0e8;--grid:#146e762e;--ink:#2b2d6b;--ink-muted:#7379ad;--rule:#2b2d6b;--shadow:#6fbcc0;--shadow-hover:#4aa3a8;--tape:#c3c8ff;--riso-blue:#3d9be6;--riso-pink:#ffa8ca;--riso-yellow:#ffe45c;--riso-mint:#aaf0d2;--riso-sky:#9fd8f8;--riso-lime:#b5ee5a;--riso-red:#f15060;--note:#fff6ae;--serif:"Instrument Serif", "Iowan Old Style", "Times New Roman", serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html{overflow-x:clip}body{color:var(--ink);font:14px/1.5 var(--mono);background-color:var(--paper);background-image:radial-gradient(var(--grid) 1.2px, transparent 1.6px);background-size:24px 24px;margin:0;padding:0 1.25rem 4rem}a{color:inherit}ol{margin:0;padding:0;list-style:none}.name{font-family:var(--serif);overflow-wrap:break-word;font-size:1.5rem;line-height:1.05;display:block}.tagline,.who,.acc{display:block}.who,.acc{color:var(--ink-muted);font-size:.78rem}.tape{background:color-mix(in srgb, var(--tape) 78%, transparent);border-left:1px dashed #2b2d6b59;border-right:1px dashed #2b2d6b59;width:4rem;height:1.1rem;position:absolute}header.site{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;max-width:72rem;margin:2rem auto 3.2rem;display:flex}header.site .mark{display:inline-block;position:relative}.doodle{pointer-events:none;position:absolute}.doodle.star{width:2.7rem;color:var(--riso-lime);top:-1.3rem;left:calc(100% + .2rem);transform:rotate(-18deg)}.doodle.squiggle{color:#6cc3f0;width:5rem;bottom:.25rem;left:calc(100% + .7rem);transform:rotate(-10deg)}.nowrap{white-space:nowrap}header.site .brand p{margin:1.1rem 0 0}.wordmark{font:400 3.4rem/1 var(--serif);isolation:isolate;letter-spacing:-.01em;text-decoration:none;position:relative}.wordmark em{color:var(--riso-blue);font-style:italic;position:relative}.wordmark em:after{content:"";background:var(--riso-sky);z-index:-1;border-radius:999px;height:.18em;position:absolute;bottom:.02em;left:-2%;right:-2%;transform:rotate(-1.2deg)}header.site .side{flex-direction:column;align-items:flex-end;gap:1.1rem;display:flex}header.site .pager{margin:0;font-size:.78rem}header.site p{color:var(--ink);letter-spacing:.06em;margin:0;font-size:.8rem}main{max-width:72rem;margin:0 auto}.viewswitch{align-items:center;gap:.35rem;font-size:.7rem;display:flex}.viewswitch a,.viewswitch b{border:1.5px solid var(--rule);background:var(--paper-2);border-radius:99px;padding:.12rem .6rem;font-weight:400;text-decoration:none}.viewswitch b{background:var(--riso-sky);box-shadow:2px 2px 0 var(--shadow);font-weight:500}.viewswitch a:hover{background:color-mix(in srgb, var(--riso-sky) 45%, var(--paper-2))}.cover{aspect-ratio:1512/860;object-fit:cover;object-position:left top;background:var(--bar);width:100%;height:auto;display:block}.none{background:repeating-linear-gradient(-45deg, transparent 0 6px, #2b2d6b12 6px 7px), var(--paper-2);color:var(--ink-muted);letter-spacing:.08em;text-align:center;place-items:center;font-size:.72rem;display:grid}.pager{background:var(--paper-2);border:2px solid var(--rule);max-width:max-content;box-shadow:4px 4px 0 var(--shadow);border-radius:4px;flex-wrap:wrap;justify-content:center;margin:3.5rem auto 0;font-size:.82rem;display:flex}.pager>*{border-left:2px dashed var(--ink-muted);padding:.55rem .9rem;text-decoration:none}.pager>:first-child{border-left:0}.pager a:hover{background:var(--riso-sky)}.pager b{background:var(--bar);font-weight:500}.pager .off{color:var(--ink-muted);opacity:.55}.pager.around a,.pager.around .off{text-overflow:ellipsis;white-space:nowrap;max-width:18rem;overflow:hidden}.ledger{border:2px solid var(--rule);max-width:62rem;box-shadow:6px 6px 0 var(--shadow);background:var(--paper-2);margin:0 auto;display:flex;transform:rotate(-.3deg)}.ledger .feed{background:radial-gradient(circle, var(--paper) 0 .3rem, var(--rule) .3rem .4rem, transparent .42rem) center top / 1.6rem 1.5rem repeat-y;border-right:1.5px dashed var(--ink-muted);flex:0 0 1.6rem}.ledger .feed:last-child{border-right:0;border-left:1.5px dashed var(--ink-muted)}.ledger .sheet{flex:1;min-width:0;padding:1.4rem 1.2rem}.ledger .head,.ledger .tail{text-align:center;text-transform:uppercase;letter-spacing:.12em;margin:0 0 1rem;font-size:.75rem}.ledger .head b{letter-spacing:.16em;font-size:.85rem;font-weight:500;display:block}.ledger .head span{border-top:1.5px dashed var(--ink-muted);width:max-content;max-width:100%;color:var(--ink-muted);margin:.45rem auto 0;padding-top:.45rem;font-size:.7rem;display:block}.ledger .tail{color:var(--ink-muted);margin:1.2rem 0 0}.ledger li:nth-child(odd){background:#aaf0d259}.ledger li a{border-bottom:1px dotted var(--ink-muted);grid-template-columns:5.2rem 1fr 9rem 5.5rem 6.5rem;align-items:center;gap:0 .9rem;padding:.4rem .5rem;font-size:.78rem;text-decoration:none;display:grid}.ledger li a:hover{background:var(--riso-sky)}.ledger .name{font-size:1.25rem}.ledger .name,.ledger .tagline{display:block}.ledger .acc{color:var(--ink)}.ledger .date{text-align:right;color:var(--ink-muted)}.miniwin{box-shadow:4px 4px 0 var(--shadow);background:var(--rule);border-radius:5px;padding:2px;display:block;overflow:hidden}.miniwin .bar{border-bottom:2px solid var(--rule);background:repeating-linear-gradient(180deg, transparent 0 3px, color-mix(in srgb, var(--rule) 22%, transparent) 3px 4px), var(--bar);border-radius:3px 3px 0 0;align-items:center;gap:.25rem;padding:.25rem .45rem;font-size:.68rem;display:flex}.miniwin>.cover{border-radius:0 0 3px 3px}.miniwin .bar i{border:1.5px solid var(--rule);background:var(--riso-pink);border-radius:50%;width:.5rem;height:.5rem}.miniwin .bar i:nth-child(2){background:var(--riso-yellow)}.miniwin .bar i:nth-child(3){background:var(--riso-mint)}.miniwin .bar em{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:var(--bar);flex:1;margin:0 .3rem;font-style:normal;overflow:hidden}.wall .phonebox{aspect-ratio:16/10.4;place-items:center;margin-bottom:1.3rem;display:grid}.wall .phone{--pp:calc(.18rem + 2px);box-sizing:content-box;width:calc(29% - 2 * var(--pp));aspect-ratio:9/19.5;border:2px solid var(--rule);background:var(--bar);box-shadow:4px 4px 0 var(--shadow);transform:rotate(var(--tilt,2deg));border-radius:1.15rem;padding:.18rem;transition:translate .25s,box-shadow .25s;display:block;position:relative}.wall .phone:before{content:"";z-index:1;background:var(--ink);border-radius:99px;width:30%;height:.36rem;position:absolute;top:.5rem;left:50%;translate:-50%}.wall .phone .cover{aspect-ratio:auto;border:1.5px solid var(--rule);border-radius:.9rem;width:100%;height:100%}.wall .phone.bare{width:auto;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:hidden}.wall .phone.bare:before{content:none}.wall .phone.bare .cover{object-fit:contain;mix-blend-mode:multiply;border-radius:0;transform:scale(1.12)}.wall a:hover .phone.bare{box-shadow:none}.wall .phone.panel{background:var(--rule);border:0;border-radius:.5rem;width:auto;height:calc(100% - 4px);padding:2px;overflow:hidden}.wall .phone.panel:before{content:none}.wall .phone.panel .cover{border:0;border-radius:calc(.5rem - 2px)}.wall a:hover .phone{box-shadow:4px 4px 0 var(--shadow-hover);translate:0 -1px}.draft{z-index:3;background:var(--ink);font:500 .62rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--paper);border-radius:3px;align-items:center;gap:.35em;padding:.15rem .5rem .15rem .4rem;font-style:normal;display:inline-flex;position:absolute;top:-.55rem;left:.6rem;transform:rotate(-3deg)}.draft:before{content:"";background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fa2bd' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12z'/><circle cx='12' cy='12' r='3' fill='%239fa2bd' stroke='none'/></svg>") 50%/contain no-repeat;flex:none;width:.95em;height:.95em}.wall li.hidden a{position:relative}.wall .phonebox>.phone,.wall .phonebox>.draft{grid-area:1/1}.wall .phonebox>.draft{place-self:start center;margin-left:-29%;position:static;translate:30% -.45rem}.ledger .acc .draft{margin:.2rem 0 0;display:inline-flex;position:static;transform:none}.ledger .acc{flex-direction:column;align-items:flex-start;display:flex}.detail .mat .draft,.detail .noshot .draft{top:-.7rem;left:1.2rem}.wall{grid-template-columns:repeat(3,1fr);gap:3rem 2.2rem;display:grid}.wall a{text-decoration:none;display:block}.wall .miniwin{margin-bottom:1.3rem;transition:translate .25s,box-shadow .25s}.wall li:nth-child(odd) .miniwin{transform:rotate(-1deg)}.wall li:nth-child(3n) .miniwin{transform:rotate(1.2deg)}.wall a:hover .miniwin{box-shadow:4px 4px 0 var(--shadow-hover);translate:0 -1px}.wall .name{font-size:1.7rem}.wall .tagline{margin:.3rem 0;font-size:.9rem}.detail{grid-template-columns:minmax(0,1fr);justify-items:center;gap:3rem;display:grid}.detail .hero{width:min(100%,46rem);position:relative}.detail .mat{background:var(--paper-2);border:2px solid var(--rule);box-shadow:8px 8px 0 var(--shadow);padding:1.3rem;position:relative;transform:rotate(-.5deg)}.detail .pick{opacity:0;pointer-events:none;position:absolute}.detail .mat{--shot:1.6}.detail .stage{grid-template-columns:100%;place-items:center;width:100%;display:grid;position:relative}.detail .stage:before{content:"";width:100%;padding-top:calc(100% / var(--shot) + 1.6rem + 4px);grid-area:1/1}.detail .frame{--r:var(--shot);width:min(100%, calc(100% / var(--shot) * var(--r)));height:calc(1.6rem + 4px + ((100% - 1.6rem - 4px) * min(var(--shot), var(--r)) - 4px) / var(--r));border:2px solid var(--rule);background:var(--bar);transition:width var(--morph) ease, height var(--morph) ease, border-radius var(--morph) ease, padding var(--morph) ease, border-width var(--morph) ease;border-radius:5px;flex-direction:column;grid-area:1/1;padding:0;text-decoration:none;display:flex;overflow:hidden}.detail .mat:has(.pick:first-of-type:checked) .frame{--r:var(--r1)}.detail .mat:has(.pick:nth-of-type(2):checked) .frame{--r:var(--r2)}.detail .mat:has(.pick:nth-of-type(3):checked) .frame{--r:var(--r3)}.detail .mat:has(.pick:nth-of-type(4):checked) .frame{--r:var(--r4)}.detail .frame .bar{background:var(--bar);height:1.6rem;transition:height var(--morph) ease;border-radius:3px 3px 0 0;flex:none;align-items:center;gap:.25rem;padding:0 .5rem;font-size:.7rem;display:flex;position:relative}.detail .frame .bar:before{content:"";background:repeating-linear-gradient(180deg, transparent 0 3px, color-mix(in srgb, var(--rule) 22%, transparent) 3px 4px);transition:opacity calc(var(--morph) * .5) ease calc(var(--morph) * .5);position:absolute;inset:0}.detail .frame .bar :is(i,em){z-index:1;position:relative}.detail .frame .bar i{border:1.5px solid var(--rule);background:var(--riso-pink);width:.5rem;height:.5rem;transition:opacity calc(var(--morph) * .5) ease calc(var(--morph) * .5);border-radius:50%}.detail .frame .bar i:nth-child(2){background:var(--riso-yellow)}.detail .frame .bar i:nth-child(3){background:var(--riso-mint)}.detail .frame .bar em{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:var(--bar);transition:opacity calc(var(--morph) * .5) ease calc(var(--morph) * .5);flex:1;margin:0 .3rem;font-style:normal;overflow:hidden}.detail .screen:after{content:"";z-index:1;background:var(--ink);opacity:0;width:30%;height:1.05rem;transition:opacity calc(var(--morph) * .3) ease;border-radius:99px;position:absolute;top:.7rem;left:50%;translate:-50%}.detail .screen{min-height:0;transition:border-radius var(--morph) ease;border-radius:0 0 3px 3px;flex:1;position:relative;overflow:hidden}.detail .screen:before{content:"";z-index:2;pointer-events:none;border:2px solid var(--rule);border-radius:inherit;transition:inset var(--morph) ease, opacity calc(var(--morph) * .3) ease;position:absolute;inset:0 -2px -2px}.detail .screen .cover{aspect-ratio:auto;object-position:center;opacity:0;width:100%;height:100%;transition:opacity var(--morph) ease;position:absolute;inset:0}.detail .caps .cap{margin:0;display:none}.detail .mat:has(.pick:first-of-type:checked) :is(.screen .cover:first-child,.cap:first-child),.detail .mat:has(.pick:nth-of-type(2):checked) :is(.screen .cover:nth-child(2),.cap:nth-child(2)),.detail .mat:has(.pick:nth-of-type(3):checked) :is(.screen .cover:nth-child(3),.cap:nth-child(3)),.detail .mat:has(.pick:nth-of-type(4):checked) :is(.screen .cover:nth-child(4),.cap:nth-child(4)){opacity:1;display:block}.detail .mat:has(.pick.tall:checked) .frame{--pp:calc(.3rem + 2px);box-sizing:content-box;width:calc((100% / var(--shot) + 1.6rem + 4px - 2 * var(--pp)) * 9 / 19.5);height:calc(100% - 2 * var(--pp));background:var(--bar);border-width:2px;border-radius:2.6rem;padding:.3rem}.detail .mat:has(.pick.tall:checked) .bar{height:0;overflow:hidden}.detail .mat:has(.pick.tall:checked) .bar :is(i,em),.detail .mat:has(.pick.tall:checked) .bar:before{opacity:0;transition:opacity calc(var(--morph) * .3) ease 0s}.detail .mat:has(.pick.tall:checked) .screen:after{opacity:1;transition:opacity calc(var(--morph) * .4) ease calc(var(--morph) * .6)}.detail .mat:has(.pick.tall:checked) .screen{border-radius:2.25rem}.detail .mat:has(.pick.tall:checked) .screen:before{inset:0}.detail .mat:has(.pick.bare:checked) .frame{background:0 0;border-color:#0000;border-radius:0;padding:0}.detail .mat:has(.pick.bare:checked) .screen{border-radius:0}.detail .mat:has(.pick.bare:checked) .screen:before,.detail .mat:has(.pick.bare:checked) .screen:after{opacity:0;transition-delay:0s}.detail .mat:has(.pick.bare:checked) .screen .cover{object-fit:contain;mix-blend-mode:multiply;transform:scale(1.08)}.detail .mat:has(.pick.panel:checked) .frame{background:var(--rule);border-width:0;border-radius:.8rem;padding:2px}.detail .mat:has(.pick.panel:checked) .screen{border-radius:calc(.8rem - 2px)}.detail .mat:has(.pick.panel:checked) .screen:before,.detail .mat:has(.pick.panel:checked) .screen:after{opacity:0;transition-delay:0s}.detail .below{grid-template-columns:1fr auto;align-items:center;column-gap:1rem;margin-top:.5rem;display:grid}.detail .caps{align-items:center;min-height:3rem;font-size:.78rem;display:flex}.detail .below .visits{flex-wrap:wrap;grid-area:1/2;justify-content:flex-end;justify-self:end;gap:.6rem;display:flex}.detail .below .thumbs{grid-column:1/-1}.detail .cap b{white-space:nowrap;font-weight:500}.detail .thumbs{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.detail .thumbs label{border:2px solid var(--rule);cursor:pointer;opacity:.6;border-radius:3px;width:5.2rem;transition:opacity .15s,transform .15s;overflow:hidden}.detail .thumbs label:hover{opacity:1;transform:translateY(-2px)}.detail .thumbs label.tall{border-radius:.4rem;width:1.9rem}.detail .thumbs label:not(.tall) .cover{aspect-ratio:var(--r,var(--shot))}.detail .thumbs label.tall .cover{aspect-ratio:9/19.5}.detail .thumbs label.bare{border-color:#0000;border-radius:.5rem}.detail .thumbs label.bare .cover{mix-blend-mode:multiply;transform-origin:50% 42%;transform:scale(1.42)}.detail .mat:has(.pick:first-of-type:checked) .thumbs label:first-child,.detail .mat:has(.pick:nth-of-type(2):checked) .thumbs label:nth-child(2),.detail .mat:has(.pick:nth-of-type(3):checked) .thumbs label:nth-child(3),.detail .mat:has(.pick:nth-of-type(4):checked) .thumbs label:nth-child(4){opacity:1;box-shadow:3px 3px 0 var(--shadow)}.detail .visit{white-space:nowrap;border:2px solid var(--rule);background:var(--riso-sky);box-shadow:3px 3px 0 var(--shadow);border-radius:99px;padding:.45rem 1.1rem;font-size:.9rem;font-weight:500;text-decoration:none}.detail .visit:hover{background:var(--riso-blue);color:var(--paper-2)}.detail .noshot{text-align:center;border:2px dashed var(--ink);background:color-mix(in srgb, var(--paper-2) 60%, transparent);max-width:22rem;margin:1rem auto;padding:2.5rem 1.5rem;position:relative;transform:rotate(-2deg)}.detail .noshot .tape{margin-left:-2rem;top:-.6rem;left:50%;transform:rotate(3deg)}.detail .noshot .visits{gap:.6rem;display:flex;position:absolute;bottom:-1.3rem;left:50%;transform:rotate(-1.5deg)}.detail .why{z-index:2;background:var(--note);width:14rem;box-shadow:4px 5px 0 var(--shadow);padding:1.2rem 1rem .8rem;font-size:.85rem;position:absolute;bottom:9.5rem;right:-11.5rem;transform:rotate(2.5deg)}.detail .why .tape{margin-left:-2rem;top:-.55rem;left:50%;transform:rotate(-3deg)}.detail .why h2{font:500 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4rem}.detail .why p{margin:0}.label{background:var(--paper-2);border:2px solid var(--rule);width:min(100%,38rem);box-shadow:6px 6px 0 var(--shadow);padding:1.6rem 1.6rem 1.2rem}.label .maker{margin:0 0 2.2rem;font-weight:500}.label h1{font:italic 400 clamp(2rem, 5vw, 3rem)/1 var(--serif);overflow-wrap:anywhere;margin:.2rem 0 .4rem}.label .date{color:var(--ink-muted);margin:0;font-size:.8rem}.label .links{color:var(--ink-muted);margin:2.6rem 0 0;font-size:.82rem}.label .links+.credit{margin-top:.9rem}.label .recs ul{color:var(--ink-muted);margin:0;padding:0;font-size:.82rem;list-style:none}.label .recs li{text-indent:-1.1rem;margin:0 0 .3rem;padding-left:1.1rem}.label .recs li:before{content:"→";text-indent:0;width:1.1rem;color:var(--riso-blue);display:inline-block}.label .recs a,.label .links a{color:var(--ink)}.label .tagline{margin:0 0 1.1rem}.label h2{font:500 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin:1.4rem 0 .4rem}.label p{margin:0 0 .6rem}.label blockquote{border-left:3px solid var(--tape);margin:0;padding-left:.9rem}.label blockquote+blockquote{margin-top:.9rem}.label blockquote footer{color:var(--ink-muted);font-size:.76rem}.label iframe{max-width:100%;display:block}.label .video{aspect-ratio:16/9;border:2px solid var(--rule);width:100%;max-width:540px;box-shadow:4px 4px 0 var(--shadow);background:var(--bar);border-radius:5px}.label :is(blockquote,iframe,.twitter-tweet-rendered)+:is(iframe,.twitter-tweet-rendered),.label :is(iframe,.twitter-tweet-rendered)+blockquote,.label .video+*,.label *+.video{margin-top:1.5rem!important}.label .credit{border-top:1.5px dashed var(--ink-muted);color:var(--ink-muted);margin:2.6rem 0 0;padding-top:1rem;font-size:.76rem}footer.site{border-top:1.5px dashed var(--ink-muted);text-align:center;letter-spacing:.06em;width:max-content;max-width:100%;margin:4rem auto 0;padding:.9rem 1.2rem 0;font-size:.8rem}footer.site a:hover{color:var(--riso-blue)}footer.site .heart{color:var(--riso-pink)}.wavy{--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='4' viewBox='0 0 12 4'%3E%3Cpath d='M0 2C2 0 4 0 6 2S10 4 12 2' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");color:inherit;white-space:nowrap;text-decoration:none;position:relative}.wavy:after{content:"";height:4px;-webkit-mask:var(--wave) repeat-x left center / 12px 4px;mask:var(--wave) repeat-x left center / 12px 4px;background:currentColor;position:absolute;bottom:-.3em;left:0;right:0}.wavy:hover{color:var(--riso-blue)}.s-about{place-items:center;min-height:100vh;padding-block:7rem 5rem;font-size:15px;line-height:1.55;display:grid}.about{width:min(100%,36rem)}.about .frame{position:relative}.about .window{z-index:1;background:var(--paper-2);border:2px solid var(--rule);box-shadow:6px 6px 0 var(--shadow);border-radius:6px;position:relative;overflow:hidden}.about .titlebar{border-bottom:2px solid var(--rule);letter-spacing:.02em;background:repeating-linear-gradient(180deg, transparent 0 3px, color-mix(in srgb, var(--rule) 22%, transparent) 3px 4px), var(--bar);align-items:center;gap:.5rem;padding:.45rem .7rem;font-size:.8rem;display:flex}.about .dots{gap:.3rem;display:flex}.about .dots i{border:2px solid var(--rule);background:var(--riso-pink);border-radius:50%;width:.7rem;height:.7rem}.about .dots i:nth-child(2){background:var(--riso-yellow)}.about .dots i:nth-child(3){background:var(--riso-mint)}.about .titlebar .name{font:400 .8rem/1.55 var(--mono);text-align:center;background:var(--bar);flex:1;margin:0 .5rem;padding:0 .5rem}.about .content{padding:1.75rem 1.75rem 1.5rem}.about .eyebrow{letter-spacing:.14em;color:var(--ink-muted);margin:0 0 1.1rem;font-size:.78rem}.about h1{font:400 clamp(2.6rem, 9vw, 4rem)/.98 var(--serif);letter-spacing:-.01em;isolation:isolate;margin:0 0 .9rem;position:relative}.about h1 a{text-decoration:none}.about h1 em{color:var(--riso-blue);font-style:italic;position:relative}.about h1 em:after{content:"";background:var(--riso-sky);z-index:-1;border-radius:999px;height:.18em;position:absolute;bottom:.02em;left:-2%;right:-2%;transform:rotate(-1.2deg)}.about .lede{margin:0 0 1.25rem}.about .now{border-top:1.5px dashed var(--ink-muted);color:var(--ink-muted);grid-template-columns:auto 1fr;gap:.35rem .8rem;margin:.4rem 0 0;padding:.9rem 0 0;font-size:.82rem;display:grid}.about .now dt:after{content:":"}.about .now dd{color:var(--ink);margin:0}.about .cursor:after{content:"▮";color:var(--riso-blue);margin-left:.15em;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.about .doodle.star{width:2.9rem;top:-3.6rem;left:-5.2rem}.about .doodle.squiggle{width:5.5rem;bottom:-4.6rem;left:12rem;transform:rotate(-14deg)}.about .sticker.new{--tooth:.5rem;--pitch:calc(100% / 2.5);--tear:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2016'%20preserveAspectRatio='none'><path%20d='M0%200H4C7%202.7%207%205.3%204%208S1%2013.3%204%2016H0Z'%20fill='%23000'/></svg>");--mask:linear-gradient(#000 0 0) left / calc(100% - var(--tooth) + 1px) 100% no-repeat, var(--tear) right / var(--tooth) var(--pitch) repeat-y;z-index:2;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:500;position:absolute;bottom:-2.3rem;left:1.4rem;transform:rotate(-3deg)}.about .sticker.new:before{content:"";background:var(--shadow);z-index:-1;-webkit-mask:var(--mask);mask:var(--mask);position:absolute;inset:0;transform:translate(3px,3px)}.about .sticker.new .face{padding:.8rem calc(.85rem + var(--tooth)) .8rem .95rem;background-color:var(--riso-pink);border:2px solid var(--rule);-webkit-mask:var(--mask);mask:var(--mask);border-right:0;border-radius:3px 0 0 3px;display:block;position:relative}.about .sticker.new .star{letter-spacing:0;margin-left:.55em}.about .sticker.new .face:after{content:"";pointer-events:none;background:url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2016'%20preserveAspectRatio='none'><path%20d='M0%200H4C7%202.7%207%205.3%204%208S1%2013.3%204%2016H0Z'%20fill='%23ffa8ca'/></svg>") right 2px center / var(--tooth) var(--pitch) repeat-y, url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%208%2016'%20preserveAspectRatio='none'><path%20d='M0%200H4C7%202.7%207%205.3%204%208S1%2013.3%204%2016H0Z'%20fill='%232b2d6b'/></svg>") right 0 center / var(--tooth) var(--pitch) repeat-y;position:absolute;inset:0}.about .note{z-index:2;aspect-ratio:1;background:var(--note);width:min(100%,11rem);box-shadow:5px 6px 0 var(--shadow);flex-direction:column;margin:1.8rem .6rem 0 auto;padding:1.4rem 1rem .95rem;font-size:.85rem;display:flex;position:relative;transform:rotate(-2deg)}.about .note .tape{width:5.5rem;height:1.4rem;top:-.7rem;left:50%;transform:translate(-50%)rotate(2deg)}.about .motto{flex-direction:column;flex:1;justify-content:space-between;margin:0;display:flex}.about .motto q{quotes:"“" "”";line-height:1.5;display:block}.about .motto a{color:#5f64a3;align-self:flex-end;font-size:.78rem}.about .minicard{z-index:0;background:var(--bar);border:2px solid var(--rule);width:9.6rem;height:6rem;box-shadow:4px 4px 0 var(--shadow);color:var(--ink);border-radius:3px;text-decoration:none;position:absolute;bottom:1.6rem;right:-8.5rem;transform:rotate(7deg)}.about .minicard .mstamp{background:var(--riso-yellow);border:1.5px dashed var(--rule);place-items:center;width:1.8rem;height:2.1rem;display:grid;position:absolute;top:.45rem;right:.5rem}.about .minicard .mstamp svg{width:1.2rem;color:var(--ink)}.about .minicard em{font:italic 400 .95rem/1 var(--serif);color:var(--ink-muted);white-space:nowrap;position:absolute;top:.6rem;left:.7rem}.about .minicard .line{border-left:1.5px dashed var(--ink-muted);position:absolute;top:.6rem;bottom:.6rem;left:48%}.about .minicard .rule{border-bottom:1px solid var(--ink-muted);opacity:.6;position:absolute;left:56%;right:.7rem}.about .minicard .r1{bottom:2.9rem}.about .minicard .r2{bottom:1.8rem}.about .minicard .r3{bottom:.7rem}.about .minicard:hover{transform:rotate(7deg)translate(.4rem,-.3rem)}.about .minilabel{font:400 .72rem/1.3 var(--mono);letter-spacing:.06em;color:var(--ink-muted);white-space:nowrap;pointer-events:none;flex-direction:column-reverse;align-items:center;gap:.05rem;display:flex;position:absolute;bottom:8.3rem;right:-7.8rem;transform:rotate(-3deg)}.about .minilabel .arrow{width:1.4rem;transform:scaleY(-1)}.about .inkstamp{border:2px solid var(--ink-muted);width:fit-content;color:var(--ink-muted);mix-blend-mode:multiply;opacity:.85;text-align:center;font:500 .62rem/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border-radius:4px;margin:13rem auto 0;padding:.5rem .9rem .45rem;text-decoration:none;display:block;transform:rotate(-4deg)}.about .inkstamp b{letter-spacing:.12em;font-size:.78rem;display:block}.about .inkstamp:hover{color:var(--riso-blue);border-color:var(--riso-blue)}@media (width<=72rem){.detail .hero{grid-template-columns:minmax(0,1fr);gap:2rem;display:grid}.detail .why{justify-self:end;margin:-3.2rem .5rem 0 0;position:relative;bottom:auto;right:auto}}@media (width<=64rem) and (width>=48.01rem){.wall{grid-template-columns:repeat(2,1fr)}}@media (width<=48rem){.about .doodle.star{width:2.4rem;top:-3.2rem;left:-.3rem}.about .doodle.squiggle{display:none}.about .minicard{bottom:-6.1rem;right:.2rem}.about .minilabel{flex-direction:column;bottom:-9.1rem;right:2.2rem;transform:rotate(-2deg)}.about .minilabel .arrow{width:1.3rem;transform:none}.about .note{margin:11.2rem auto 0}.about .inkstamp{margin-top:10rem}.wall{grid-template-columns:1fr}.detail .below{grid-template-columns:1fr;row-gap:.2rem}.detail .below .visits{grid-area:auto/1;justify-content:flex-start;justify-self:start;margin-top:1.1rem}.detail .thumbs label{width:4.2rem}.detail .thumbs label.tall{width:1.6rem}.detail .mat:has(.pick.tall:checked) .frame{--pp:calc(.2rem + 2px);border-radius:1.5rem;padding:.2rem}.detail .mat:has(.pick.tall:checked) .screen{border-radius:1.25rem}.detail .screen:after{height:.6rem;top:.4rem}header.site{row-gap:1.9rem;margin:1.4rem auto 2.2rem}header.site .pager{margin-inline:auto}header.site .side{align-items:flex-start}.detail .mat{box-shadow:5px 5px 0 var(--shadow);padding:.8rem .8rem 2.2rem;transform:none}.detail .why{justify-self:end;margin:-2.1rem 1.1rem 0 0}.pager{flex-wrap:nowrap;max-width:100%;font-size:.76rem}.pager>*{padding:.5rem .55rem}.pager .w{display:none}.doodle.star{width:1.9rem;top:-.95rem;left:calc(100% + .1rem)}.doodle.squiggle{display:none}.wordmark{font-size:2.5rem}.ledger .feed{background-size:.9rem 1.5rem;flex-basis:.9rem}.ledger .sheet{padding:1rem .6rem}.ledger li a{grid-template-columns:1fr auto;gap:.1rem .6rem}.ledger .acc,.ledger .date,.ledger .form{display:none}.ledger .who{color:var(--ink-muted);grid-column:-2}}.detail.bare .hero{justify-items:center;gap:2.8rem;display:grid}.detail.bare .why{justify-self:end;margin:0;position:static}[hidden]{display:none!important}.suggest{padding-top:1rem}.desk{flex-direction:column;width:min(100%,46rem);margin:0 auto;display:flex;position:relative}.postcard{background:var(--paper-2);border:2px solid var(--rule);width:100%;box-shadow:6px 6px 0 var(--shadow);border-radius:4px;padding:1.7rem 1.8rem 1.5rem;position:relative;transform:rotate(-1deg)}.postcard form{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1.2fr 1fr;align-items:start;gap:0;display:grid}.postcard .head{grid-area:1/1;padding-right:2rem}.postcard{--card-h:25rem}.postcard .message{flex-direction:column;grid-area:2/1;align-self:stretch;padding-right:2rem;display:flex}.postcard .message label:has(textarea){flex-direction:column;flex:auto;display:flex}.postcard .message label:has(textarea) textarea{flex:auto}.postcard .message>label:last-of-type,.postcard .address>label:last-of-type{margin-bottom:0}.postcard h1{font:italic 400 clamp(1.8rem, 4vw, 2.4rem)/1.1 var(--serif);text-wrap:balance;margin:0 0 .5rem}.postcard .invite{color:var(--ink-muted);margin:0 0 1.6rem;font-size:.82rem}.postcard label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 1.2rem;font-size:.7rem;display:block}.postcard :is(input[type=text],input[type=url],textarea){border:0;border-bottom:1.5px solid var(--ink-muted);width:100%;color:var(--ink);font:400 .92rem/1.5 var(--mono);letter-spacing:0;text-transform:none;background:0 0;border-radius:0;margin-top:.25rem;padding:.25rem 0;display:block}.postcard textarea[name]{resize:vertical;min-height:5.6rem}.postcard :is(input,textarea):focus{outline:none}.postcard :is(input[type=text],input[type=url],textarea):focus{border-bottom:2px solid var(--riso-blue);margin-bottom:-.5px}.postcard ::placeholder{color:color-mix(in srgb, var(--ink-muted) 55%, transparent)}.postcard .address{height:var(--card-h);border-left:1.5px dashed var(--ink-muted);flex-direction:column;grid-area:1/2/3;justify-content:flex-end;padding-left:2rem;display:flex}.postcard .address .kind{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 auto;font-size:.66rem;display:block}.postcard .maker{letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer;align-items:center;gap:.55rem;margin:-.3rem 0 1.2rem;font-size:.82rem;display:flex}.postcard .maker input{width:1rem;height:1rem;accent-color:var(--riso-blue);margin:0}.stamp{background:var(--paper-2);width:3.9rem;height:4.5rem;color:var(--ink);padding:.22rem;display:block;position:relative;-webkit-mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle,#0000 1.1px,#000 1.5px) -.15rem -.15rem/.3rem .3rem;mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle,#0000 1.1px,#000 1.5px) -.15rem -.15rem/.3rem .3rem}.stamp .art{outline:1px solid color-mix(in srgb, var(--ink) 55%, transparent);outline-offset:-3px;position:absolute;inset:.22rem;overflow:hidden}.stamp .art svg{color:var(--ink);position:absolute}.stamp b,.stamp i{font-style:normal;font-weight:500;line-height:1;position:absolute}.stamp b{font-size:.62rem}.stamp i{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:.4rem}.stamp.lime .art{background:var(--riso-lime)}.stamp.sky .art{background:var(--riso-sky)}.stamp.pink .art{background:var(--riso-pink)}.stamp.yellow .art{background:var(--riso-yellow)}.stamp.lime svg{width:3.3rem;bottom:-.25rem;left:.15rem;transform:rotate(-14deg)}.stamp.lime b{top:.3rem;right:.3rem}.stamp.lime i{writing-mode:vertical-rl;top:.35rem;left:.3rem}.stamp.sky svg{width:4.2rem;top:-.3rem;left:-.3rem}.stamp.sky b{top:.3rem;left:.3rem}.stamp.sky i{text-align:center;bottom:.3rem;left:0;right:0}.stamp.pink svg{width:3rem;top:.1rem;left:-.45rem;transform:rotate(12deg)}.stamp.pink b{bottom:.3rem;left:.3rem}.stamp.pink i{writing-mode:vertical-rl;top:.35rem;right:.3rem}.stamp.yellow svg{width:3.8rem;bottom:-1.3rem;right:-1.2rem}.stamp.yellow b{top:.3rem;left:.3rem}.stamp.yellow i{writing-mode:vertical-rl;bottom:.3rem;left:.3rem;transform:rotate(180deg)}.stampsheet{border:0;grid-template-columns:repeat(2,auto);gap:.9rem .7rem;margin:0;padding:0;display:grid;position:absolute;top:.4rem;left:calc(100% + 1.8rem)}.stampsheet label{cursor:pointer;margin:0}.stampsheet input{opacity:0;width:0;height:0;position:absolute}.stampsheet label{filter:drop-shadow(2px 2px 0 var(--shadow))}.stampsheet label:first-child .stamp{transform:rotate(-4deg)}.stampsheet label:nth-child(2) .stamp{transform:rotate(3deg)}.stampsheet label:nth-child(3) .stamp{transform:rotate(2deg)}.stampsheet label:nth-child(4) .stamp{transform:rotate(-3deg)}.stampsheet label:hover .stamp{transform:translateY(-3px)}.stampsheet label:has(input:checked){filter:none}.stampsheet label:has(input:checked) .stamp{opacity:.25}.stampsheet label:has(input:focus-visible){outline:2px solid var(--riso-blue);outline-offset:3px}.postcard .corner{width:3.9rem;height:4.5rem;position:absolute;top:1.1rem;right:1.2rem}.postcard .corner:before{content:"stamp";border:1.5px dashed var(--ink-muted);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted);opacity:.7;border-radius:2px;place-items:center;font-size:.55rem;display:grid;position:absolute;inset:0}.postcard .corner .stamp{display:none;position:absolute;inset:0}.suggest:has(.stampsheet input:checked) .corner{filter:drop-shadow(2px 2px 0 var(--shadow))}.suggest:has(.stampsheet input:checked) .corner:before{display:none}.suggest:has(.stampsheet input[value=star]:checked) .corner .lime,.suggest:has(.stampsheet input[value=squiggle]:checked) .corner .sky,.suggest:has(.stampsheet input[value=heart]:checked) .corner .pink,.suggest:has(.stampsheet input[value=sun]:checked) .corner .yellow{display:block}.postcard .postmark{width:12rem;color:var(--riso-red);opacity:.85;mix-blend-mode:multiply;display:none;position:absolute;top:2.9rem;right:2.6rem;transform:rotate(-9deg)}.postcard.is-sent .postmark{display:block}.postcard.is-sent~.stampsheet{visibility:hidden}.postcard .thanks,.postcard.is-sent .ask{display:none}.postcard.is-sent .thanks{display:block}.postcard .thanks .reach{display:none}.postcard.has-contact .thanks .reach{display:inline}.postcard.has-contact .thanks .noreach{display:none}.postcard.is-sent :is(input,textarea){pointer-events:none}.postcard.is-sent :is(input[type=text],input[type=url],textarea){border-bottom-color:#0000}.postcard.is-sent textarea{resize:none;flex:none;min-height:0}.postcard.is-sent label.empty,.postcard.is-sent .maker input{display:none}.postcard.is-sent .maker:before{content:"✓";font-weight:500}.postcard.is-sent .oops,.postcard.is-sent button,.postcard .back{display:none}.postcard.is-sent .back{display:inline-block}.postcard .send{grid-area:3/1/auto/-1;justify-content:flex-end;align-items:center;gap:1rem;margin:1rem 0 0;display:flex}.postcard .oops{color:var(--riso-red);font-size:.8rem;font-weight:500}.postcard :is(button,.back){cursor:pointer;white-space:nowrap;border:2px solid var(--rule);background:var(--riso-sky);box-shadow:3px 3px 0 var(--shadow);color:var(--ink);font:500 .9rem/1.5 var(--mono);border-radius:99px;padding:.45rem 1.1rem;text-decoration:none}.postcard :is(button,.back):hover{background:var(--riso-blue);color:var(--paper-2)}.postcard :is(button,.back):focus-visible{outline:2px solid var(--riso-blue);outline-offset:3px}.postcard button:disabled{opacity:.6;cursor:wait}.postcard .hp{width:1px;height:1px;position:absolute;left:-200vw;overflow:hidden}@media (width<=68rem){.stampsheet{order:-1;grid-template-columns:repeat(4,auto);justify-content:flex-end;margin:0 .4rem 1rem 0;position:static}}@media (width<=48rem){.postcard{padding:1.4rem 1.2rem 1.3rem;transform:rotate(-.6deg)}.postcard form{grid-template-rows:none;grid-template-columns:1fr}.postcard :is(.head,.message,.address,.send){grid-area:auto/1}.postcard .head{padding-right:0}.postcard .address{border-left:0;order:1;height:auto;padding-left:0}.postcard .message{border-top:1.5px dashed var(--ink-muted);order:2;padding:1.1rem 0 0}.postcard .message>label:last-of-type{margin-bottom:1.2rem}.postcard .send{order:3;justify-content:flex-start}.postcard .address .kind{margin:0 0 .5rem}.postcard .corner{margin:0 0 0 auto;position:relative;top:auto;right:auto}.postcard .postmark{visibility:hidden;width:10rem;margin:-3.6rem 2.4rem .8rem auto;display:block;position:static}.postcard.is-sent .postmark{visibility:visible}}@media (prefers-reduced-motion:no-preference){.postcard button{transition:background .15s,color .15s}.stampsheet .stamp{transition:opacity .15s,transform .15s}}.beacon{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.hop{place-items:center;min-height:100dvh;display:grid}.hop main{text-align:center;border:2px dashed var(--ink);background:color-mix(in srgb, var(--paper-2) 60%, transparent);max-width:22rem;padding:2rem 1.5rem;transform:rotate(-2deg)}