@import "https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:ital,wght@0,300;0,400;0,700;1,400;1,700&family=Delicious+Handrawn&family=Gochi+Hand&family=DM+Sans:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;700&family=Lilita+One&family=Rubik:wght@400;500&display=swap";:root{--desk-hi:#23201c;--desk:#191613;--desk-lo:#0e0c0a;--leather:#e0492f;--leather-hi:#f06b4c;--leather-lo:#b23a22;--cream:#f3e6d2;--cream-2:#f5e1ce;--ink:#1c1c1c;--grid:#788e9661;--tomato:#e35342;--lime:#83b918;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--desk)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{cursor:none;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}*{cursor:none!important}@media (pointer:coarse){body,*{cursor:auto!important}}.desk{z-index:0;background:radial-gradient(130% 120% at 50% 26%, var(--desk-hi) 0%, var(--desk) 52%, var(--desk-lo) 100%);position:fixed;inset:0}.desk:after{content:"";pointer-events:none;background-image:var(--noise);opacity:.05;mix-blend-mode:overlay;position:absolute;inset:0}main{z-index:1;position:relative}.ambient-doodles{z-index:1;pointer-events:none;color:var(--cream);opacity:.82;position:fixed;inset:0;overflow:hidden}.doodle-rail{filter:drop-shadow(0 3px 5px #00000047);width:clamp(78px,14vw,210px);height:100vh;position:absolute;top:0;overflow:visible}.doodle-rail--left{left:clamp(2px,1.5vw,24px)}.doodle-rail--right{right:clamp(2px,1.5vw,24px)}.ambient-mark{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite ambient-float}.ambient-mark.mark-b{animation-delay:-1.4s}.ambient-mark.mark-c{animation-delay:-2.8s}.ambient-mark.mark-d{animation-delay:-4.2s}.ambient-mark.mark-e{animation-delay:-5.6s}@keyframes ambient-float{0%,to{translate:0}50%{translate:0 -7px}}@media (width<=720px){.ambient-doodles{opacity:.48}.doodle-rail{width:82px}.doodle-rail--left{left:-20px}.doodle-rail--right{right:-20px}}.nav{z-index:120;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:24px;left:0;right:0}.nav *{pointer-events:auto}.nav-mascot{place-items:start center;width:62px;height:124px;display:grid;position:relative}.mascot-puppet{transform-origin:50% 0;animation:3s ease-in-out infinite puppet-swing}@keyframes puppet-swing{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}.mascot-bubble{z-index:3;color:var(--leather);background:var(--cream);white-space:nowrap;transform-origin:0;border-radius:11px 11px 11px 3px;padding:4px 9px;font-family:Gochi Hand,cursive;font-size:16px;line-height:1;animation:2.6s ease-in-out infinite mascot-bubble;position:absolute;top:80px;right:-24px;box-shadow:0 4px 9px #00000052}.mascot-bubble:after{content:"";background:var(--cream);width:8px;height:8px;position:absolute;top:9px;left:-3px;transform:rotate(45deg)}@keyframes mascot-bubble{0%,to{transform:translateY(0)rotate(-3deg)scale(1)}50%{transform:translateY(-3px)rotate(4deg)scale(1.07)}}.nav-links{color:var(--cream);letter-spacing:.3px;align-items:center;gap:44px;font-family:Gochi Hand,cursive;font-size:24px;list-style:none;display:flex}.nav-link{padding:0;transition:color .18s;position:relative}.nav-link:hover{color:#fff}.nav-anchor{color:inherit;padding:5px 13px;text-decoration:none;display:block;position:relative}.nav-label{z-index:2;position:relative}.nav-ring{pointer-events:none;z-index:1;width:auto;height:auto;position:absolute;inset:-3px -6px;overflow:visible}.nav-doodle{transform-origin:bottom;pointer-events:none;z-index:3;position:absolute;bottom:calc(100% + 8px);left:50%}.doodle-svg{filter:drop-shadow(0 3px 5px #00000073);animation:.34s step-end infinite boil;display:block}.nav-ring{animation:.34s step-end -.17s infinite boil}.mascot-spider{position:relative}.mascot-sketch{pointer-events:none;place-items:center;display:grid;position:absolute;top:28px;left:0;right:0}.mascot-sketch svg{animation:.34s step-end infinite boil}@keyframes boil{0%{transform:translate(0)rotate(0)}25%{transform:translate(.7px,-.6px)rotate(-.7deg)}50%{transform:translate(-.5px,.6px)rotate(.6deg)}75%{transform:translate(.5px,.4px)rotate(-.4deg)}}.notebook-section{z-index:2;justify-content:center;padding:35vh 0 14vh;display:flex;position:relative}.book-case{background:linear-gradient(135deg, var(--leather-hi) 0%, var(--leather) 36%, var(--leather-lo) 100%);border-radius:34px;width:min(1060px,64vw);padding:18px;position:relative;box-shadow:0 50px 100px -30px #000000b3,0 16px 36px #00000080,inset 0 2px 1px #ffffff47,inset 0 -12px 26px #00000052}.book-case:before{content:"";pointer-events:none;background-image:var(--noise);opacity:.17;mix-blend-mode:overlay;border-radius:34px;position:absolute;inset:0}.spread{background-color:var(--cream);background-image:repeating-linear-gradient(to right, transparent 0 31px, var(--grid) 31px 32px), repeating-linear-gradient(to bottom, transparent 0 31px, var(--grid) 31px 32px);border-radius:22px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.spread:after{content:"";pointer-events:none;background-image:var(--noise);opacity:.04;mix-blend-mode:multiply;position:absolute;inset:0}.leaf{position:relative}.leaf--hero{height:63vh}.leaf--beliefs{height:64vh}.seam{height:0;position:relative}.seam:before{content:"";z-index:4;pointer-events:none;background:linear-gradient(#0000001f,#0000 46%,#0000001f);height:24px;position:absolute;top:-12px;left:0;right:0}.ribbon-strap{z-index:6;background:linear-gradient(var(--leather-hi), var(--leather-lo));border-radius:2px;height:16px;position:absolute;top:calc(18px + 63vh);left:8px;right:8px;transform:translateY(-50%);box-shadow:0 6px 12px #0000004d}.ribbon-strap:before,.ribbon-strap:after{content:"";background:linear-gradient(var(--leather), var(--leather-lo));width:12px;position:absolute;top:-1px;bottom:-1px}.ribbon-strap:before{border-radius:3px 0 0 3px;left:-12px}.ribbon-strap:after{border-radius:0 3px 3px 0;right:-12px}.hero-content{z-index:2;padding:8.5% 7.5% 0;position:absolute;inset:0}.sig,.role,.loc{max-width:54%}.headline{max-width:62%}.sig{color:var(--tomato);transform-origin:0;font-family:Delicious Handrawn,cursive;font-size:clamp(40px,4.6vw,62px);line-height:.9;transform:rotate(-4deg)}.role{color:var(--tomato);margin-top:8px;font-family:IBM Plex Sans,sans-serif;font-size:clamp(20px,2.1vw,28px);font-weight:500}.headline{color:var(--tomato);white-space:nowrap;margin-top:18px;font-family:Averia Serif Libre,serif;font-size:clamp(30px,3.5vw,50px);font-weight:700;line-height:1.1}.headline .word{white-space:normal}.word{font-family:Delicious Handrawn,cursive;font-weight:400}.loc{color:var(--tomato);margin-top:22px;font-family:IBM Plex Sans,sans-serif;font-size:clamp(16px,1.8vw,22px)}.hero-doodle{object-fit:contain;object-position:right bottom;pointer-events:none;z-index:1;width:57%;height:94%;position:absolute;bottom:0;right:.5%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000059 12%,#000 24%);mask-image:linear-gradient(90deg,#0000 0%,#00000059 12%,#000 24%)}.showcase{z-index:3;height:310vh;margin-top:-78vh;position:relative}.show-pin{height:100vh;position:sticky;top:0;overflow:hidden}.show-fade{place-items:center;display:grid;position:absolute;inset:0}.note-stack{z-index:6;place-items:center;display:grid;position:relative}.experience-label{z-index:8;width:min(780px,88vw);color:var(--cream);text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;top:18vh;left:50%;transform:translate(-50%)}.experience-label span{color:var(--tomato);letter-spacing:.4px;font:20px Gochi Hand,cursive}.experience-label strong{max-width:760px;font:700 clamp(31px,4.7vw,66px)/1.02 Averia Serif Libre,serif}.experience-note{color:#27231f;filter:drop-shadow(0 24px 36px #00000080);pointer-events:none;clip-path:polygon(1% 3%,98% 0,100% 95%,94% 100%,4% 98%,0 91%);background-color:#f4e7d4;background-image:repeating-linear-gradient(#0000 0 31px,#b24b3626 31px 32px);grid-area:1/1;width:360px;min-height:230px;padding:31px 34px 28px;position:relative}.experience-note--grid{background-color:#f5ead9;background-image:repeating-linear-gradient(90deg,#0000 0 25px,#627e862b 25px 26px),repeating-linear-gradient(#0000 0 25px,#627e862b 25px 26px)}.experience-note--cream{background-color:#eadbc2;background-image:var(--noise)}.experience-note h2{color:#d84937;max-width:275px;margin:23px 0 2px;font:700 27px/1.02 Averia Serif Libre,serif}.experience-note h3{color:#765f50;font:600 14px/1.3 IBM Plex Sans,sans-serif}.experience-note p{max-width:290px;margin-top:19px;font:16px/1.37 Gochi Hand,cursive}.experience-dates{color:#8b7361;font:12px JetBrains Mono,monospace;position:absolute;top:17px;left:34px}.experience-arrow{color:var(--tomato);font-size:28px;position:absolute;bottom:16px;right:25px}.portfolio-section{z-index:3;width:min(1240px,82vw);margin:0 auto;padding:15vh 0;position:relative}.portfolio-intro{max-width:760px;color:var(--cream);text-align:center;margin:0 auto 70px}.portfolio-intro>span{color:var(--tomato);margin-bottom:12px;font:23px Gochi Hand,cursive;display:inline-block;transform:rotate(-2deg)}.portfolio-intro h2{letter-spacing:-2px;font:700 clamp(42px,6vw,82px)/.95 Averia Serif Libre,serif}.portfolio-intro p{color:#f3e6d2b8;max-width:650px;margin:22px auto 0;font:18px/1.65 IBM Plex Sans,sans-serif}.projects-section{padding-top:12vh}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;display:grid}.project-card{background:#151412;border:2px solid #f3e6d2cc;border-radius:22px;text-decoration:none;display:block;overflow:hidden;box-shadow:0 30px 70px #0000006b}.project-image{aspect-ratio:16/10;border-bottom:2px solid #f3e6d2a6;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.project-card:hover .project-image img{transform:scale(1.035)}.project-copy{color:var(--cream);padding:28px 30px 30px;position:relative}.project-copy>span{color:var(--tomato);font:24px Gochi Hand,cursive;position:absolute;top:26px;right:28px}.project-copy h3{max-width:80%;font:700 28px/1.1 Averia Serif Libre,serif}.project-copy p{color:#f3e6d2b8;margin-top:15px;font:15px/1.55 IBM Plex Sans,sans-serif}.project-copy small{color:#a9cf43;margin-top:20px;font:12px/1.45 JetBrains Mono,monospace;display:block}.project-copy em{color:var(--tomato);margin-top:20px;font:18px Gochi Hand,cursive;display:inline-block}.skills-section{padding-top:12vh}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.skill-card{min-height:250px;color:var(--cream);background:linear-gradient(150deg,#f3e6d213,#f3e6d204);border:1.5px solid #f3e6d299;border-radius:18px;padding:30px}.skill-icon{border:2px solid var(--tomato);width:72px;height:72px;color:var(--tomato);border-radius:18px;place-items:center;margin-bottom:30px;font:700 22px JetBrains Mono,monospace;display:grid;transform:rotate(-4deg)}.skill-card:nth-child(2n) .skill-icon{color:#b6d952;border-color:#b6d952;transform:rotate(4deg)}.skill-card h3{font:700 25px Averia Serif Libre,serif}.skill-card p{color:#f3e6d2ad;margin-top:13px;font:14px/1.65 IBM Plex Sans,sans-serif}.board-section{width:min(1420px,90vw);padding-bottom:18vh}.work-board{border:4px solid var(--cream);min-height:850px;box-shadow:-24px 24px 0 var(--tomato),0 50px 100px #0000008c;background:#171714;border-radius:30px;padding:48px;position:relative}.board-sheet{display:none}.board-grid{z-index:0;pointer-events:none;opacity:.34;background-image:repeating-linear-gradient(90deg,#0000 0 86px,#f3e6d28c 86px 88px),repeating-linear-gradient(#0000 0 86px,#f3e6d28c 86px 88px);border-radius:18px;position:absolute;inset:20px}.board-shot{z-index:2;background:#f7f4ee;border:10px solid #f7f4ee;border-radius:17px;margin:0;position:absolute;overflow:hidden;box-shadow:0 18px 30px #00000080}.board-shot img{object-fit:cover;border-radius:7px;width:100%;height:100%;display:block}.board-shot span{color:#1d1b19;background:#f7f4eeeb;border-radius:6px;padding:8px 10px;font:12px/1.2 Gochi Hand,cursive;position:absolute;bottom:9px;left:9px;right:9px}.board-shot--1{aspect-ratio:16/10;width:38%;top:7%;left:7%;transform:rotate(-3deg)}.board-shot--2{aspect-ratio:16/10;width:39%;top:8%;right:6%;transform:rotate(3deg)}.board-shot--3{aspect-ratio:16/10;width:35%;bottom:9%;left:15%;transform:rotate(2deg)}.board-shot--4{aspect-ratio:16/10;width:34%;bottom:8%;right:12%;transform:rotate(-3deg)}.board-quote{white-space:nowrap;z-index:3;color:var(--cream);font:20px Gochi Hand,cursive;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.contact-section{width:min(1040px,82vw);padding-top:16vh;padding-bottom:12vh}.contact-paper{background:var(--cream);color:#2a2622;border-radius:28px;grid-template-columns:1fr 1fr;min-height:470px;display:grid;overflow:hidden;box-shadow:0 35px 90px #00000080}.contact-wants,.contact-details{padding:52px}.contact-wants{background-image:repeating-linear-gradient(#0000 0 42px,#e3534221 42px 43px)}.contact-wants>span,.contact-details>span{color:var(--tomato);font:22px Gochi Hand,cursive}.contact-wants h2{margin:12px 0 32px;font:700 38px/1.05 Averia Serif Libre,serif}.contact-wants ul{gap:19px;list-style:none;display:grid}.contact-wants li{padding-left:34px;font:18px Gochi Hand,cursive;position:relative}.contact-wants li:before{content:"✓";border:2px solid var(--tomato);width:22px;height:22px;color:var(--tomato);border-radius:5px;place-items:center;font-size:14px;display:grid;position:absolute;top:-3px;left:0}.contact-details{color:var(--cream);background:var(--tomato);position:relative}.contact-details>span{color:#2a2622}.contact-details h3{margin-top:16px;font:700 54px/1 Averia Serif Libre,serif}.contact-details p{margin-top:22px;font:16px/1.6 IBM Plex Sans,sans-serif}.contact-links{flex-wrap:wrap;gap:10px;margin-top:35px;display:flex}.contact-links a{border:2px solid var(--cream);color:var(--cream);border-radius:9px;padding:11px 16px;font:700 13px IBM Plex Sans,sans-serif;text-decoration:none;transition:all .2s}.contact-links a:hover{color:var(--tomato);background:var(--cream)}.contact-details small{font:12px JetBrains Mono,monospace;position:absolute;bottom:35px;left:52px}.contact-signature{text-align:center;color:var(--tomato);margin-top:52px;font:72px Delicious Handrawn,cursive;transform:rotate(-4deg)}@media (width<=900px){.experience-label{top:13vh;left:50%}.experience-note{width:310px;min-height:210px;padding:28px}.experience-note h2{font-size:23px}.portfolio-section{width:min(88vw,720px)}.project-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-board{min-height:760px}.contact-paper{grid-template-columns:1fr}.contact-details{min-height:420px}}@media (width<=620px){.showcase{height:330vh}.experience-label{text-align:center;align-items:center;top:11vh;left:50%;right:auto}.experience-note{width:min(300px,78vw)}.portfolio-section{width:88vw;padding:11vh 0}.portfolio-intro{margin-bottom:42px}.portfolio-intro h2{letter-spacing:-1px;font-size:44px}.portfolio-intro p{font-size:15px}.project-copy{padding:23px}.project-copy h3{font-size:23px}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:210px}.board-section{width:92vw}.work-board{min-height:920px;padding:20px}.board-shot{border-width:7px;width:72%}.board-shot--1{top:5%;left:5%}.board-shot--2{top:27%;right:4%}.board-shot--3{bottom:27%;left:4%}.board-shot--4{bottom:5%;right:5%}.board-quote{display:none}.contact-section{width:88vw}.contact-wants,.contact-details{padding:34px 28px}.contact-wants h2{font-size:33px}.contact-details h3{font-size:46px}.contact-details small{left:28px}}.cursor-arrow{z-index:10000;pointer-events:none;position:fixed;top:0;left:0}.cursor-arrow svg{filter:drop-shadow(0 1px 1px #00000040);display:block;transform:translate(-4px,-3px)}.burst{z-index:10000;pointer-events:none;position:fixed}.dash{background:var(--tomato);transform-origin:50%;border-radius:2px;width:2.5px;height:9px;position:absolute}