@font-face{font-family:Handwriting;src:url(/assets/Handwriting_v2-Regular-Cy6uc1KI.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}:root{--paper:#fff;--ink:#050505;--muted:#565656;--amber:#f3a11a;--amber-ink:#9a6200;--yellow:#ffe681;--line:color-mix(in srgb, var(--ink) 22%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--paper);color:var(--ink);font-family:Handwriting,cursive}:root[data-theme=dark]{--paper:#000;--ink:#fff;--muted:#bdbdbd;--amber-ink:var(--amber);--yellow:#ffd95c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{background:var(--paper);min-height:100vh;color:var(--ink);margin:0;overflow-x:hidden}button,a{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline:4px solid var(--amber-ink);outline-offset:5px}.back-link,.timeline h2 a,.project-folder .project-links a,.not-found a{position:relative}.back-link:before,.timeline h2 a:before,.project-folder .project-links a:before,.not-found a:before{content:"";height:44px;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.skip-link{top:max(1rem, env(safe-area-inset-top));left:max(1rem, env(safe-area-inset-left));z-index:100;background:var(--paper);align-items:center;min-height:44px;padding:.6rem .8rem;display:inline-flex;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.tools{top:max(clamp(.8rem, 2vw, 1.6rem), env(safe-area-inset-top));right:max(clamp(.8rem, 2vw, 1.6rem), env(safe-area-inset-right));z-index:50;gap:.65rem;display:flex;position:fixed}.tool-button{appearance:none;cursor:pointer;background:0 0;border:0;width:3rem;height:3rem;padding:0;transition:transform .15s;position:relative;overflow:visible}.tool-button:hover{transform:scale(1.09)rotate(-3deg)}.tool-button>img{pointer-events:none;width:5.25rem;max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tool-button>.moon-icon{width:5.7rem}.tool-button>.sun-icon{width:5rem}.paint-bucket{z-index:1001;pointer-events:none;visibility:hidden;width:12rem;max-width:none;position:fixed;top:0;left:0}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}@media (width<=700px){.paint-bucket{width:9rem}}@media (width<=1080px){.tool-button>img{width:4.05rem}.tool-button>.moon-icon{width:4.4rem}.tool-button>.sun-icon{width:3.85rem}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-home{text-align:center;width:min(72rem,100% - 3rem);min-height:100svh;margin:0 auto;padding:clamp(5rem,10vw,8rem) 0 4rem}.reference-intro h1{letter-spacing:-.08em;margin:0;font-size:clamp(5rem,12vw,10rem);font-weight:400;line-height:.75}.reference-intro p{margin:1.5rem 0 0;font-size:clamp(1.5rem,3.5vw,3rem)}.reference-nav{justify-items:start;gap:.2rem;width:fit-content;margin:clamp(1rem,3vw,2rem) auto 0;display:grid}.reference-link{white-space:nowrap;font-size:clamp(3rem,7vw,6rem);line-height:1;text-decoration:none;transition:transform .17s cubic-bezier(.2,.8,.25,1.25);display:inline-block}.reference-link-row{position:relative}.link-icon{vertical-align:-.08em;width:.7em;height:.7em;margin-left:.08em;display:inline-block;position:relative;overflow:hidden}.link-icon img{width:1.6em;max-width:none;position:absolute;top:-.36em;left:-.42em}.reference-link-row:last-child .link-icon img{width:1.35em;top:-.25em;left:-.32em}.click-me{pointer-events:none;-webkit-user-select:none;user-select:none;clip-path:inset(0 100% 0 0);width:auto;max-width:none;height:4.5rem;margin-right:.25rem;animation:.52s cubic-bezier(.2,.7,.2,1) .75s forwards write-in;position:absolute;top:50%;right:100%;transform:translateY(-50%)}[data-theme=dark] .click-me{filter:invert()}@media (width<=480px){.click-me{height:3.4rem}}@media (width<=340px){.click-me{display:none}}.reference-link:hover,.reference-link:focus-visible{transform:scale(1.04)rotate(-.5deg)}.page-transition{min-height:100vh}.page-transition.erasing{pointer-events:none;animation:.18s cubic-bezier(.55,0,1,.45) both erase-page}.page-transition.writing-in{animation:.42s cubic-bezier(.2,.7,.2,1) both write-page}@keyframes erase-page{to{clip-path:inset(0 100% 0 0);opacity:.15}}@keyframes write-page{0%{clip-path:inset(0 100% 0 0);opacity:.15}}.writing .draw-in{clip-path:inset(-.25em 100% -.25em -.15em);animation:write-in .52s cubic-bezier(.2, .7, .2, 1) var(--delay) forwards}@keyframes write-in{to{clip-path:inset(-.25em -1.2em -.25em -.15em)}}.page{width:min(72rem,100% - 3rem);min-height:100vh;margin:0 auto;padding:clamp(2rem,5vw,4.5rem) 0 6rem}.back-link{text-underline-offset:.25em;align-items:center;gap:.55rem;font-size:1.2rem;text-decoration-thickness:2px;display:inline-flex;transform:rotate(-1deg)}.page-heading{margin:clamp(3.5rem,8vw,7rem) 0 clamp(3rem,6vw,5rem)}.page-heading p{color:var(--muted);margin:0 0 .3rem .5rem;font-size:clamp(1.1rem,2vw,1.5rem)}.page-heading h1{letter-spacing:-.08em;margin:0;font-size:clamp(4.2rem,10vw,8rem);font-weight:400;line-height:.9}.scribble{border-top:4px solid var(--amber);border-radius:50%;width:min(28rem,78%);height:9px;margin:1rem 0 0 .5rem;display:block;transform:rotate(-1deg)skew(-20deg)}.timeline{gap:2.5rem;padding-left:clamp(2rem,6vw,5rem);display:grid;position:relative}.timeline:before{content:"";border-left:4px dashed var(--line);position:absolute;inset:0 auto 0 .65rem;transform:rotate(.5deg)}.timeline article{max-width:42rem;position:relative}.timeline article:before{content:"";border:4px solid var(--amber);background:var(--paper);border-radius:50%;width:1rem;height:1rem;position:absolute;top:.5rem;left:clamp(-4.55rem,-5vw,-1.85rem)}.timeline time{color:var(--amber-ink);letter-spacing:.04em;font-weight:700}.timeline h2,.project-folder h2,.interest-grid h2{margin:.2rem 0;font-size:clamp(2rem,4vw,3.4rem);font-weight:400}.timeline h2 a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--amber-ink);text-decoration-color:var(--amber-ink);text-underline-offset:.22em;text-decoration-thickness:3px;transition:color .15s}.timeline h2 a:hover,.timeline h2 a:focus-visible{color:var(--amber-ink)}.timeline p,.project-folder p,.interest-grid p,.not-found{color:var(--muted);font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.45}.project-folder .project-label{color:var(--amber-ink);letter-spacing:.04em;font-weight:700}.project-grid{gap:4rem;display:grid}.project-folder{grid-template-columns:minmax(13rem,24rem) 1fr;align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.project-folder>div:last-child{max-width:34rem}.folder-art{aspect-ratio:1.45;perspective:140rem;background:#f7c64f;border-radius:.8rem 1rem .65rem .7rem;text-decoration:none;transition:transform .18s;display:block;position:relative;transform:rotate(-2deg)}.folder-art:before{content:"";background:#edae2d;border-radius:.65rem .65rem 0 0;width:43%;height:30%;position:absolute;top:-13%;left:0}.folder-page{z-index:1;border-radius:.35rem;transition:transform .3s cubic-bezier(.2,.8,.25,1);position:absolute;inset:18% 6%;overflow:hidden;transform:translateY(12%)scale(.97);box-shadow:0 8px 18px #00000047}.folder-page img{object-fit:cover;width:100%;height:100%;display:block}.folder-front{z-index:2;transform-origin:bottom;background:#f0b93c;border-radius:.6rem .75rem .55rem .55rem;place-items:center;transition:transform .3s cubic-bezier(.2,.8,.25,1);display:grid;position:absolute;inset:2% 1.5% 3%}.folder-front img{width:auto;max-width:none;height:42%}.project-folder:hover .folder-front,.project-folder:focus-within .folder-front{transform:rotateX(78deg)}.project-folder:hover .folder-page,.project-folder:focus-within .folder-page{transform:none}.project-folder:hover .folder-art{transform:rotate(1deg)scale(1.02)}@media (hover:none){.project-folder .folder-front{transform:rotateX(78deg)}.project-folder .folder-page{transform:none}}.project-folder ul{flex-wrap:wrap;gap:.55rem;padding:0;list-style:none;display:flex}.project-folder li{border:2px solid var(--ink);border-radius:48% 42% 45% 38%;padding:.28rem .65rem;font-size:.9rem}.project-folder .project-links{flex-wrap:wrap;gap:1.6rem;margin:1.1rem 0 0;display:flex}.project-folder .project-links a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--amber-ink);text-decoration-color:var(--amber-ink);text-underline-offset:.3em;font-size:clamp(1.1rem,1.7vw,1.4rem);text-decoration-thickness:3px}.project-folder .project-links a:hover,.project-folder .project-links a:focus-visible{color:var(--amber-ink)}.interest-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3rem);display:grid}.interest-grid article{border:3px solid var(--ink);min-height:17rem;transform:rotate(var(--angle));border-radius:45% 42% 46% 40%/10% 12% 8% 10%;padding:1.6rem;transition:transform .16s}.interest-grid article:hover{transform:rotate(var(--angle)) scale(1.04)}.interest-art{height:5rem;margin-bottom:.8rem;display:block}.interest-art img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block}.interest-art .on-dark{display:none}[data-theme=dark] .interest-art:has(.on-dark) .on-light{display:none}[data-theme=dark] .interest-art .on-dark{display:block}.interest-title{position:relative}.current-layer{color:var(--amber-ink);clip-path:inset(0 100% 0 0);pointer-events:none;position:absolute;inset:0}.glitch-frame{opacity:0;pointer-events:none;position:absolute;inset:0}.has-glitch:hover .glitch-frame{animation:frame-show var(--slice) steps(1, end) forwards;animation-delay:calc(var(--i) * var(--slice))}.has-glitch:hover .title-text{animation:text-hidden var(--total) steps(1, end)}@keyframes frame-show{0%{opacity:1}to{opacity:0}}@keyframes text-hidden{0%,to{opacity:0}}.motion-current:hover .current-layer{animation:.64s cubic-bezier(.3,.75,.2,1) current-sweep}.motion-current:hover .interest-art img{animation:.64s step-end bolt-flicker}.motion-spin:hover .interest-art img{animation:3s linear infinite mark-spin}.motion-rise:hover .interest-art img{animation:.52s cubic-bezier(.2,.8,.25,1) bars-rise}@keyframes current-sweep{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -6% 0 0)}}@keyframes bolt-flicker{0%,to{opacity:1}12%,32%{opacity:.2}22%,42%{opacity:1}58%{opacity:.45}68%{opacity:1}}@keyframes mark-spin{to{transform:rotate(360deg)}}@keyframes bars-rise{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.not-found a{color:var(--amber-ink)}@media (width<=760px){.reference-home{width:min(100% - 2rem,42rem);padding-top:7rem}.reference-intro h1{font-size:clamp(4rem,21vw,7rem)}.link-icon{width:.58em;height:.58em}.link-icon img{width:1.4em;top:-.31em;left:-.36em}.reference-link-row:last-child .link-icon img{width:1.1em;top:-.2em;left:-.26em}.page{width:min(100% - 2rem,42rem);padding-top:1.3rem}.page-heading{margin-top:5rem}.project-folder{grid-template-columns:1fr;gap:2rem}.folder-art{width:min(22rem,90%)}.interest-grid{grid-template-columns:1fr}.interest-grid article{min-height:auto}.interest-grid article:hover{transform:rotate(var(--angle))}.interest-grid article:hover .interest-art img,.interest-grid article:hover .current-layer,.interest-grid article:hover .glitch-frame,.interest-grid article:hover .title-text{animation:none}}@media (prefers-contrast:more){:root{--muted:#2b2b2b;--line:var(--ink);--amber-ink:#6b4300}:root[data-theme=dark]{--muted:#ececec;--amber-ink:#ffc35c}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.interest-grid article:hover .interest-art img,.interest-grid article:hover .current-layer,.interest-grid article:hover .glitch-frame,.interest-grid article:hover .title-text{animation:none}.interest-grid article:hover{transform:rotate(var(--angle))}.reference-link:hover,.reference-link:focus-visible{transform:none}}