@font-face{font-family:Gochi Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gochi-hand-latin-400-normal-D3Iu69dp.woff2)format("woff2"),url(/assets/gochi-hand-latin-400-normal-DC0_N7qt.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(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/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(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/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(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/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}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.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{--paper:#fff;--grid-minor:#d3effd;--grid-major:#a4dcf5;--ink:#050505;--red:#ff1414;--sticky:#ffe45c;--sticky-pink:#ffb3d1;--highlight:#fff27a;--ballpoint:#1f5fbf;--sticker-edge:#f1e4d3;--marker:"Gochi Hand", "Comic Sans MS", cursive;--hand:"Patrick Hand", "Segoe Print", cursive;--prose:"Atkinson Hyperlegible", system-ui, sans-serif;--sb-w:min(400px, 88vw);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--hand);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px), linear-gradient(var(--grid-minor) 1px, transparent 1px), linear-gradient(90deg, var(--grid-minor) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-position:-1px -1px;background-size:65px 65px,65px 65px,13px 13px,13px 13px;font-size:19px;overflow:hidden}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px dashed var(--red);outline-offset:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}svg .ink{fill:none;stroke:var(--ink);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}svg .ink-thin{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}svg .red{fill:none;stroke:var(--red);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}svg .fill-ink{fill:var(--ink);stroke:none}svg .fill-red{fill:var(--red);stroke:none}svg .fill-paper{fill:var(--paper)}svg .stk-out{fill:var(--sticker-edge);stroke:var(--sticker-edge);stroke-width:9px;stroke-linejoin:round}svg .stk-in{fill:url(#pencil-hatch);stroke:var(--ink);stroke-width:2.2px;stroke-linejoin:round}svg .stk-shine{fill:#ffffff8c}.note-layer{z-index:28;pointer-events:none;position:fixed;inset:0;overflow:hidden}.note-stk{position:absolute;top:0;left:0}.note-stk svg{filter:drop-shadow(1px 2px 1px #00000040);width:100%;height:auto;display:block;overflow:visible}.tape{background:#ffffff9e;border:1px solid #05050514;width:86px;height:26px;position:absolute;top:-12px;left:50%;translate:-50%;rotate:-4deg;box-shadow:0 1px 2px #0000000f}html.has-panel body{overflow:hidden}@media (width<=760px){body{overflow:hidden auto}html.has-panel body{overflow:hidden}}.about-toggle{z-index:40;top:calc(18px + env(safe-area-inset-top,0px));cursor:pointer;background:0 0;border:0;width:230px;height:104px;padding:0;position:fixed;left:18px}.atm-svg{filter:url(#wob0);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.atm-label{font-family:var(--marker);text-align:center;font-size:42px;line-height:104px;transition:color .15s;display:block;position:relative;rotate:-3deg}.about-toggle:hover .atm-label{color:var(--red)}.about-toggle .atm-loop{transition:fill .2s}.about-toggle.is-floating .atm-loop{fill:#fffffff0}.atm-x{opacity:0;visibility:hidden;width:30px;height:30px;position:absolute;top:-6px;right:-6px}.atm-close{display:none}@media (width<=760px){.about-toggle{width:180px;height:82px}.atm-label{font-size:33px;line-height:82px}.about-toggle.is-cross{width:48px;height:48px}.about-toggle.is-cross .atm-svg,.about-toggle.is-cross .atm-label,.about-toggle.is-cross .atm-x{display:none}.about-toggle.is-cross .atm-close{filter:url(#wob0);width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}}.toast{z-index:90;left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));visibility:hidden;background:var(--sticky-pink);border:2px solid var(--ink);pointer-events:none;max-width:calc(100vw - 32px);padding:10px 18px;font-size:18px;transition:translate .35s cubic-bezier(.3,1.6,.5,1),visibility 0s .35s;position:fixed;translate:-50% calc(100% + 80px);rotate:-1.5deg}.toast.is-on{visibility:visible;transition-delay:0s;translate:-50%}@media (prefers-reduced-motion:reduce){.toast{transition:none}}.sidebar{z-index:30;width:var(--sb-w);padding:calc(132px + env(safe-area-inset-top,0px)) 26px calc(30px + env(safe-area-inset-bottom,0px)) 58px;overscroll-behavior:contain;border-right:3px solid var(--ink);clip-path:polygon(0 0,100% 0,98.5% 4%,100% 9%,98.8% 15%,100% 22%,98.6% 30%,100% 38%,98.7% 47%,100% 55%,98.5% 63%,100% 72%,98.8% 81%,100% 90%,98.6% 96%,100% 100%,0 100%);visibility:hidden;background-color:#fffef8;background-image:linear-gradient(90deg,#0000 44px,#ff14148c 44px 46px,#0000 46px),repeating-linear-gradient(#0000 0 31px,#b9def3 31px 32px);background-attachment:local;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:10px 0 #0505050f}.sb-rings{background:radial-gradient(circle at 13px 16px, #e6edf2 7px, var(--ink) 7.5px, var(--ink) 9px, transparent 9.5px) 0 0 / 26px 48px repeat-y;width:26px;position:absolute;top:0;bottom:0;left:8px}.sb-polaroid{background:#fff;width:154px;margin:0 0 18px 4px;padding:10px 10px 30px;position:relative;rotate:-4deg;box-shadow:0 2px #0000000f,3px 6px 14px #00000014}.sb-polaroid .tape{width:70px;top:-14px;rotate:6deg}.sb-avatar{aspect-ratio:1;background:#f1f1ee;place-items:center;display:grid;overflow:hidden}.sb-avatar img{object-fit:cover;width:100%;height:100%}.sb-avatar svg{filter:url(#wob0);width:80%}.sb-polaroid figcaption{text-align:center;font-family:var(--marker);font-size:18px;position:absolute;bottom:4px;left:0;right:0}.sb-name{font-family:var(--marker);outline:none;margin:0;font-size:46px;font-weight:400;line-height:1}.sb-pronoun{margin:10px 0 4px;padding:2px 12px;font-size:18px;display:inline-block;position:relative}.sb-pronoun svg{filter:url(#wob0);width:calc(100% + 12px);height:calc(100% + 8px);position:absolute;inset:-4px -6px;overflow:visible}.sb-pronoun .red{stroke-width:3px}.sb-role{margin:6px 0 0;font-size:21px;line-height:32px}.sb-role u{background:linear-gradient(#0000 70%,#ff141459 70%);text-decoration:none}.sb-bio{white-space:pre-line;margin:0 0 16px;font-size:18px;line-height:32px}.sb-stats{grid-template-columns:1fr 1fr;margin:4px 0 20px;display:grid}.sb-stats>div{border:2px solid var(--ink);background:#ffffffb3;margin:-1px;padding:10px 12px 8px}.sb-stats>div:first-child{border-radius:14px 4px 2px 6px/6px 3px 8px 4px}.sb-stats>div:nth-child(4){border-radius:3px 2px 16px 4px/4px 8px 10px 3px}.sb-stats dt{color:var(--ballpoint);font-size:15px}.sb-stats dd{font-family:var(--marker);margin:0;font-size:28px;line-height:1.05}.sb-stats dd.is-unset{color:#9a9a9a}.sb-stats dd.is-unset:after{content:" set me";font-family:var(--hand);color:var(--red);font-size:14px}.sb-h{font-family:var(--marker);color:var(--red);margin:18px 0 6px;font-size:22px;font-weight:400}.sb-edu{margin:0 0 14px;font-size:17px;line-height:32px}.sb-years{color:var(--ballpoint)}.socials--round{flex-wrap:wrap;gap:10px 6px;margin:0;padding:0;list-style:none;display:flex}.socials--round .social{border:2.5px solid var(--ink);width:52px;height:52px;color:var(--ink);background:#fff;border-radius:50% 46% 52% 44%/48% 52% 46% 50%;place-items:center;transition:color .15s,border-color .15s;display:grid}.socials--round .ico{width:24px;height:24px}.socials--round .social:hover{color:var(--red);border-color:var(--red)}.socials--round .social.is-unset{color:#9a9a9a;border-style:dashed}.sb-scrim{display:none}@media (width<=760px){.sb-scrim{z-index:29;opacity:0;pointer-events:none;background:#fff9;transition:opacity .3s;display:block;position:fixed;inset:0}.sb-scrim.is-on{opacity:1;pointer-events:auto}.sidebar{padding-top:calc(78px + env(safe-area-inset-top,0px))}}.back-to-top{z-index:26;right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:0;justify-items:center;padding:0;transition:translate .35s cubic-bezier(.3,1.5,.5,1),opacity .2s,visibility 0s .35s;display:grid;position:fixed;translate:0 140%}.back-to-top.is-on{opacity:1;visibility:visible;transition-delay:0s;translate:0}.back-to-top svg{filter:url(#wob0);background:#fff;border-radius:50%;width:54px;height:54px;overflow:visible}.back-to-top span{font-family:var(--marker);color:var(--red);margin-top:2px;font-size:16px;line-height:1}.back-to-top:active svg{scale:.92}@media (width>=761px){.back-to-top{display:none}}@media (prefers-reduced-motion:reduce){.back-to-top{transition:none}}.buddy-walker{z-index:25;left:0;bottom:calc(4px + env(safe-area-inset-bottom,0px));width:70px;position:fixed}.bw-btn{cursor:pointer;background:0 0;border:0;width:70px;height:70px;padding:0;display:block;position:relative}.bw-body{filter:url(#wob0);width:100%;height:100%;overflow:visible}.bw-heart{opacity:0;visibility:hidden;width:28px;margin-left:-14px;position:absolute;top:-18px;left:50%;overflow:visible}.bw-legs-b,.bw-phones,.bw-eyes-shut{opacity:0}.buddy-walker.is-listening .bw-phones,.buddy-walker.is-listening .bw-eyes-shut{opacity:1}.buddy-walker.is-listening .bw-eyes-open{opacity:0}.buddy-walker.is-walking:not(.is-paused) .bw-legs-a{animation:.36s step-end infinite bw-step}.buddy-walker.is-walking:not(.is-paused) .bw-legs-b{animation:.36s step-end infinite reverse bw-step}.buddy-walker.is-walking:not(.is-paused) .bw-bob{animation:.36s ease-in-out infinite bw-bob}@keyframes bw-step{0%{opacity:1}50%{opacity:0}}@keyframes bw-bob{50%{translate:0 -3px}}.bw-bubble{border:2.5px solid var(--ink);background:#fff;border-radius:18px 14px 20px 12px;width:max-content;max-width:280px;margin:0;padding:6px 12px;font-size:17px;line-height:1.3;position:absolute;bottom:78px;left:50%;translate:-50%;rotate:-2deg}.bw-bubble:after{content:"";border:solid var(--ink);background:#fff;border-width:0 2.5px 2.5px 0;width:14px;height:14px;position:absolute;bottom:-10px;left:50%;translate:-50%;rotate:45deg}.bw-bubble--start{left:0;translate:0}.bw-bubble--start:after{left:35px}.bw-bubble--end{left:auto;right:0;translate:0}.bw-bubble--end:after{left:auto;right:22px;translate:0}.bw-bubble a{color:var(--red);font-family:var(--marker);white-space:nowrap;font-size:19px}@media (width<=760px){.buddy-walker,.bw-btn{width:56px}.bw-btn{height:56px}}@media (prefers-reduced-motion:reduce){.buddy-walker .bw-legs-a,.buddy-walker .bw-legs-b,.buddy-walker .bw-bob{animation:none!important}}.canvas{position:fixed;inset:0}.stamps{pointer-events:none;position:absolute;inset:0}.stamp{filter:url(#wob0);pointer-events:none;width:44px;height:44px;position:absolute;overflow:visible}.obj{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;text-align:left;display:block;position:absolute}.obj.is-dragging{cursor:grabbing}.obj-in{display:block}.obj .doodle-svg,.obj .ring-svg{filter:url(#wob0);width:100%;height:auto;display:block;overflow:visible}.obj[data-boil="1"] .doodle-svg,.obj[data-boil="1"] .ring-svg{filter:url(#wob1)}.obj[data-boil="2"] .doodle-svg,.obj[data-boil="2"] .ring-svg{filter:url(#wob2)}.obj.is-dragging .doodle,.obj.is-dragging .sticky,.obj.is-dragging .ring{filter:drop-shadow(6px 10px #0505051f)}.obj .doodle{display:block}.doodle-text{font-family:var(--marker)}.obj .label{font-family:var(--marker);margin-top:6px;font-size:clamp(22px,1.8vw,30px);line-height:1;display:block}.obj .note{color:var(--ballpoint);font-size:16px;line-height:1.25;display:block}.obj:focus-visible{outline-offset:10px}.obj:hover .label{color:var(--red)}.deco{pointer-events:none;position:absolute}.deco svg{filter:url(#wob0);width:100%;height:auto;display:block;overflow:visible}.o-intro{width:min(560px,40vw);top:14%;left:29%}.o-intro .hello{font-family:var(--marker);margin:0;font-size:clamp(46px,5vw,84px);line-height:.92}.o-intro .name{display:inline-block;position:relative}.o-intro .name svg{filter:url(#wob0);width:108%;height:24px;position:absolute;bottom:-16px;left:-4%;overflow:visible}.o-intro .sub{max-width:30ch;margin:22px 0 0;font-size:clamp(18px,1.35vw,22px);line-height:1.3}.o-intro .hl{background:linear-gradient(transparent 55%, var(--highlight) 55%, var(--highlight) 90%, transparent 90%)}.o-intro .read{color:var(--red);font-family:var(--marker);margin-top:12px;font-size:22px;display:inline-block}.o-intro:hover .read{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:3px}.o-projects{width:clamp(190px,15vw,250px);top:8%;left:63%}.o-projects .folder{position:relative}.o-projects .folder-label{text-align:center;margin:0;position:absolute;top:70%;left:4%;right:0;translate:0 -50%}.o-projects .folder-note{text-align:center;margin-top:6px}.o-buddy{width:clamp(150px,11vw,190px);top:33%;left:81%}.o-mem{width:clamp(150px,11vw,190px);top:41%;left:64%}.o-work{width:clamp(220px,15.5vw,260px);top:56%;left:34%}.o-edu{width:clamp(150px,11vw,190px);top:63%;left:9%}.o-edu .label{white-space:nowrap}.o-blog{width:clamp(130px,9.5vw,165px);top:71%;left:51%}.o-music{width:clamp(150px,11vw,185px);top:68%;left:83%}.o-contact{width:clamp(150px,11vw,200px);top:74%;left:66%}.o-gh{width:112px;top:31%;left:8%}.o-li{width:100px;top:40%;left:19%}.o-x{width:100px;top:82%;left:22%}.o-lc{width:92px;top:49%;left:54%}.o-star{width:46px;top:8%;left:47%}.o-music:hover .reel{transform-box:fill-box;transform-origin:50%;animation:1.2s linear infinite reel}@keyframes reel{to{rotate:360deg}}.sticky{background:var(--sticky);clip-path:polygon(0 2%,100% 0,99% 96%,92% 100%,0 99%);padding:26px 20px 18px;display:block;position:relative;box-shadow:0 1px #00000014,4px 8px #05050512}.sticky .label{margin:0 0 8px}.sticky .row{font-size:17px;line-height:1.3;display:block}.sticky .row b{color:var(--red);font-weight:400}.sticky .xp{color:var(--ballpoint);margin-top:6px;font-size:15px}.sticker .obj-in{text-align:center;place-items:center;display:grid}.sticker .ring{place-items:center;width:76px;height:76px;display:grid;position:relative}.sticker .ring-svg{width:calc(100% + 12px);position:absolute;inset:-6px}.sticker .ico{width:34px;height:34px}.sticker .handle{color:var(--ballpoint);margin-top:4px;font-size:15px}.sticker.is-unset .handle{color:#8a8a8a}.sticker:hover .ico{color:var(--red)}.start-here{width:200px;top:100px;left:150px}.start-here span{font-family:var(--marker);color:var(--red);margin:0 0 0 64px;font-size:24px;display:block;rotate:6deg}.coffee{opacity:.32;width:110px;top:84%;left:88%}.arrow-projects{width:90px;top:22%;left:57%}.squiggle{width:70px;top:58%;left:77%}.asterisk{width:34px;top:72%;left:28%}.spiral{width:40px;top:27%;left:93%}.canvas.is-tidy .deco{opacity:0;transition:opacity .4s}.canvas-tools{z-index:20;top:calc(22px + env(safe-area-inset-top,0px));justify-items:end;gap:4px;display:grid;position:fixed;right:22px}.tidy-toggle{font-family:var(--marker);cursor:pointer;border:2.5px solid var(--ink);background:#fff;border-radius:14px 6px 12px 8px/8px 12px 6px 14px;padding:4px 14px;font-size:22px;rotate:2deg;box-shadow:3px 4px #0505051a}.tidy-toggle:hover,.tidy-toggle[aria-pressed=true]{color:var(--red);border-color:var(--red)}.hint{color:var(--ballpoint);margin:0;font-size:15px}@media (width<=1180px) and (width>=761px){.start-here{display:none}}@media (width<=760px){.canvas{padding:calc(150px + env(safe-area-inset-top,0px)) 18px calc(120px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr 1fr;align-items:start;gap:34px 18px;display:grid;position:relative;inset:auto;overflow:hidden}.stamps{z-index:0}.obj{touch-action:pan-y;justify-self:center;width:auto;position:relative;top:auto;left:auto}.o-intro{grid-column:1/-1;justify-self:start;width:auto}.o-intro .sub{max-width:none}.o-projects{grid-column:1/-1;width:66%}.o-work{grid-column:1/-1;width:80%}.o-buddy,.o-mem,.o-edu,.o-contact,.o-music,.o-blog{width:84%}.o-buddy{margin-top:22px}.o-edu{margin-top:18px}.o-music{margin-top:26px}.o-gh,.o-li,.o-x,.o-lc{width:100px}.o-edu .label{white-space:normal}.sticker .ring{width:66px;height:66px}.o-star,.deco{display:none}.start-here{width:150px;display:block;top:70px;left:196px}.start-here span{margin-left:30px;font-size:20px}}.radio-player{--rp-left:max(22%, 290px)}.radio-player.is-nudged{--rp-left:max(22%, calc(var(--sb-w) + 210px))}.rp-radio,.rp-strip{transition:left .6s cubic-bezier(.34,1.4,.64,1)}.rp-radio{z-index:22;top:calc(12px + env(safe-area-inset-top,0px));left:var(--rp-left);cursor:pointer;text-align:center;background:0 0;border:0;width:96px;padding:0;position:fixed;transform:rotate(-5deg)}.rp-radio .doodle-svg{filter:url(#wob0);width:100%;height:auto;display:block;overflow:visible}.rp-radio .waves{opacity:0;transition:opacity .3s}.radio-player.is-on .rp-radio .waves{opacity:1}.rp-label{font-family:var(--marker);font-size:21px;line-height:1;display:block}.rp-radio:hover .rp-label,.radio-player.is-on .rp-label{color:var(--red)}.rp-strip{z-index:21;top:calc(14px + env(safe-area-inset-top,0px));left:calc(var(--rp-left) + 104px);background:var(--paper);border:2.5px solid var(--ink);border-radius:16px 10px 18px 8px/10px 16px 8px 14px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:12px;width:410px;padding:9px 12px 9px 10px;display:grid;position:fixed;rotate:-1deg;box-shadow:4px 8px #05050512}.rp-strip .tape{width:70px;left:78%;rotate:5deg}.rp-cd{width:68px;height:68px;display:block}.rp-cd svg{width:100%;height:100%;display:block}.rp-meta{min-width:0}.rp-meta p{white-space:nowrap;margin:0;overflow:hidden}.rp-title{font-family:var(--marker);font-size:23px;line-height:1.05}.rp-title span{display:inline-block}.rp-title.is-long{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.rp-sub{color:#444;text-overflow:ellipsis;font-size:15px;line-height:1.2}.rp-progress{align-items:center;gap:6px;margin-top:3px;display:flex}.rp-progress svg{flex:1;min-width:0;height:12px;overflow:visible}.rp-track{fill:none;stroke:#cfcfcf;stroke-width:3px;stroke-linecap:round}.rp-done{fill:none;stroke:var(--red);stroke-width:3.6px;stroke-linecap:round;stroke-dasharray:100}.rp-time{color:#555;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.rp-controls{align-items:center;gap:2px;display:flex}.rp-ctl{cursor:pointer;background:0 0;border:0;width:38px;height:38px;padding:0;transition:transform .12s}.rp-ctl.rp-big{width:46px;height:46px}.rp-ctl:hover{transform:translateY(-2px)rotate(-4deg)}.rp-ctl:active{transform:translateY(1px)scale(.94)}.rp-ctl:disabled{opacity:.4;cursor:default;transform:none}.rp-ctl svg{filter:drop-shadow(1px 2px 1px #00000038);width:100%;height:100%;display:block;overflow:visible}.rp-ctl .stk-out{fill:#fff;stroke:#fff}@media (prefers-reduced-motion:reduce){.rp-radio,.rp-strip{transition:none}}@media (width<=760px){.rp-radio{left:auto;right:18px;top:calc(14px + env(safe-area-inset-top,0px));width:80px;position:absolute}.rp-strip{width:auto;left:10px;right:10px;top:calc(118px + env(safe-area-inset-top,0px));grid-template-columns:56px minmax(0,1fr) auto;gap:10px;position:absolute}.rp-cd{width:56px;height:56px}.rp-ctl{width:34px;height:34px}.rp-ctl.rp-big{width:42px;height:42px}.canvas{transition:padding-top .4s}html.radio-open .canvas{padding-top:calc(230px + env(safe-area-inset-top,0px))}html.radio-open .start-here{opacity:0}}.panel-layer{z-index:60;padding:calc(24px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px));place-items:center;display:grid;position:fixed;inset:0}.panel-scrim{background:#ffffffb8;position:absolute;inset:0}.panel{overscroll-behavior:contain;border:3px solid var(--ink);background-color:#fffef8;background-image:linear-gradient(90deg,#0000 52px,#ff141480 52px 54px,#0000 54px),repeating-linear-gradient(#0000 0 33px,#c4e4f6 33px 34px);background-attachment:local;border-radius:6px 10px 4px 12px/12px 4px 10px 6px;width:min(820px,100%);max-height:min(86dvh,900px);padding:34px 40px 40px 82px;position:relative;overflow-y:auto;rotate:-.8deg;box-shadow:10px 12px #0505051a}.panel--spread{width:min(1120px,100%);rotate:-.4deg}.panel h2{font-family:var(--marker);outline:none;margin:0 0 18px;padding-right:120px;font-size:clamp(42px,5vw,56px);font-weight:400;line-height:1;display:inline-block;position:relative}.panel h2:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C50 2 120 3 198 6' fill='none' stroke='%23ff1414' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:10px;position:absolute;bottom:-8px;left:-2%;right:120px}.panel-actions{z-index:1;align-items:center;gap:14px;display:flex;position:absolute;top:14px;right:18px}.panel-close{border:2.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:50% 44% 52% 46%;width:46px;height:46px;font-size:30px;line-height:1}.panel-close:hover{color:var(--red);border-color:var(--red)}.panel-back{font-family:var(--marker);color:var(--ink);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:4px;font-size:22px;text-decoration-thickness:3px}.panel-back:before{content:"← "}.panel-back:hover{color:var(--red)}.panel p{max-width:62ch;margin:0;line-height:34px}.panel .lede{white-space:pre-line;font-size:22px}.muted{color:#6f6f6f}.empty{color:var(--ballpoint)}.panel-next{flex-wrap:wrap;gap:22px;display:flex;margin-top:10px!important}.btn-link{color:var(--ink);font-family:var(--marker);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:4px;font-size:21px;text-decoration-thickness:3px}.btn-link:hover{color:var(--red)}.proj-list{grid-template-columns:1fr 1fr;gap:26px;margin-top:12px;display:grid}.proj{color:inherit;border:2.5px solid var(--ink);background:#fff;border-radius:3px 8px 4px 10px;flex-direction:column;padding:14px 16px 16px;text-decoration:none;transition:box-shadow .2s,border-color .2s,translate .2s;display:flex;box-shadow:4px 5px #05050514}.proj:nth-child(odd){rotate:-.8deg}.proj:nth-child(2n){rotate:.9deg}.proj:hover,.proj:focus-visible{border-color:var(--red);translate:0 -3px;box-shadow:6px 8px #ff141438}.proj-art{border-bottom:2px dashed #cfcfcf;height:130px;margin-bottom:8px;display:block}.proj-art svg{filter:url(#wob0);width:100%;height:100%}.proj-kind{color:var(--ballpoint);font-size:15px;line-height:1.3}.proj-name{font-family:var(--marker);font-size:32px;line-height:1.1}.proj-blurb{margin:6px 0;font-size:17px;line-height:1.35}.tags{flex-wrap:wrap;gap:6px;margin:8px 0;padding:0;list-style:none;display:flex}.tags>*{border:1.5px solid var(--ink);border-radius:12px 10px 14px 9px;padding:0 8px;font-size:14px;line-height:1.5}.proj-more{font-family:var(--marker);color:var(--red);margin-top:auto;padding-top:4px;font-size:20px}.spread{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;margin-top:8px;display:grid}.spread-doodle{border:2.5px solid var(--ink);background:#fff;border-radius:4px 10px 6px 12px;padding:24px;rotate:-1.5deg;box-shadow:6px 8px #05050514}.spread-doodle svg{filter:url(#wob0);width:100%;height:auto}.shot{border:2.5px solid var(--ink);width:100%;margin-bottom:16px;display:block}.spread-stat{font-family:var(--marker);color:var(--red);font-size:24px;rotate:-2deg;margin-top:18px!important;line-height:1.2!important}.spread-tagline{font-family:var(--marker);font-size:30px;margin:4px 0 14px!important;line-height:1.15!important}.prose p,.highlights li{font-family:var(--prose);font-size:17px;line-height:1.6}.prose p+p{margin-top:12px}.spread-text h3{font-family:var(--marker);color:var(--red);margin:22px 0 6px;font-size:26px;font-weight:400}.highlights{margin:0 0 12px;padding:0;list-style:none}.highlights li{margin-bottom:8px;padding-left:26px;position:relative}.highlights li:before{content:"";background:var(--red);border-radius:2px;width:14px;height:4px;position:absolute;top:.72em;left:0;rotate:-8deg}.proj-links{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex;margin-top:8px!important}.spread-next{text-align:right;font-size:19px;max-width:none!important;margin-top:28px!important}.spread-next a{font-family:var(--marker);color:var(--ink);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);font-size:24px;text-decoration-thickness:3px}.spread-next a:after{content:" →"}.timeline{margin:0;padding:0;list-style:none}.timeline h3{font-family:var(--marker);margin:0;font-size:30px;font-weight:400;line-height:34px}.tl-period{color:var(--red)}.tl-item{border-left:3px solid var(--ink);margin:14px 0 0 6px;padding:0 0 0 16px}.tl-item h4{font-weight:400;font-family:var(--marker);margin:0;font-size:23px;line-height:34px}.tl-item h4 a{color:inherit;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.edu-year{font-family:var(--marker);color:var(--red);font-size:64px;line-height:1!important}.edu h3{font-family:var(--marker);margin:6px 0 0;font-size:32px;font-weight:400;line-height:34px}.posts{margin:0;padding:0;list-style:none}.posts li{justify-content:space-between;gap:16px;line-height:34px;display:flex}.contact-mail{margin:12px 0!important}.contact-mail a{font-family:var(--marker);color:var(--ink);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);overflow-wrap:anywhere;font-size:clamp(24px,4vw,38px)}.socials--pill{flex-wrap:wrap;gap:12px;margin:18px 0 0;padding:0;list-style:none;display:flex}.socials--pill .social{color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:20px 16px 22px 14px;align-items:center;gap:8px;padding:4px 12px;line-height:1.4;text-decoration:none;display:inline-flex}.socials--pill .social:hover{color:var(--red);border-color:var(--red)}.socials--pill .ico{width:18px;height:18px}.socials--pill .social.is-unset{color:#888;border-style:dashed}@media (width<=900px){.spread{grid-template-columns:1fr;gap:24px}.spread-doodle{max-width:360px}}@media (width<=760px){.panel{background-image:repeating-linear-gradient(#0000 0 33px,#c4e4f6 33px 34px);padding:70px 18px 28px 20px;rotate:0deg}.panel h2{padding-right:0}.panel h2:after{right:-4%}.proj-list{grid-template-columns:1fr}.proj:nth-child(n){rotate:0deg}}