:root{--paper:#fffbf0ed;--paper-solid:#fffbf0;--ink:#26352a;--muted:#586a57;--moss:#4f9d5f;--leaf:#7cc47f;--berry:#e8546a;--sun:#ffb83d;--sky:#4aa8ff;--line:#26352a1f;--radius:30px;--shadow:0 30px 60px -20px #1f3c2359, 0 8px 18px #1f3c231f;--display:"Fredoka", "Nunito", system-ui, sans-serif;--body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--bounce:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{color:var(--ink);font:17px/1.6 var(--body);-webkit-font-smoothing:antialiased;background:#e9f4dc;margin:0}[hidden]{display:none!important}a{color:var(--moss);font-weight:700}:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:10px}.muted{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#forest{z-index:0;width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}body.no-3d{background:linear-gradient(#bfe6ff 0%,#e9f4dc 25%,#f7d9b0 65%,#2c3363 100%)}body.no-3d #forest{display:none}.no3d-note{z-index:2;background:var(--paper);text-align:center;border-radius:16px;max-width:640px;margin:90px auto 0;padding:12px 18px;position:relative}.btn{font:700 16px/1 var(--display);letter-spacing:.01em;color:var(--ink);background:var(--paper-solid);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;transition:transform .25s var(--bounce), box-shadow .25s var(--bounce), background .2s;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-3px)rotate(-1.5deg)}.btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.btn--primary{background:var(--sun)}.btn--small{box-shadow:0 3px 0 var(--ink);padding:9px 15px;font-size:14px}.topbar{z-index:30;-webkit-backdrop-filter:blur(12px)saturate(1.3);background:#fffbf0c7;border:2px solid #26352a1a;border-radius:999px;align-items:center;gap:12px;width:min(1100px,100vw - 24px);padding:8px 8px 8px 16px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.brand{color:var(--ink);font:700 18px/1 var(--display);align-items:center;gap:8px;text-decoration:none;display:flex}.brand-leaf{width:26px;height:26px;fill:var(--moss);transition:transform .5s var(--bounce)}.brand:hover .brand-leaf{transform:rotate(-20deg)scale(1.15)}.topnav{gap:4px;margin-left:auto;display:flex}.topnav a{color:var(--ink);font:600 15px/1 var(--display);border-radius:999px;padding:10px 14px;text-decoration:none;transition:background .2s}.topnav a:hover{background:#7cc47f40}.trail{z-index:20;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.trail-line{background:#26352a26;border-radius:3px;width:3px;margin-left:-1.5px;position:absolute;top:8px;bottom:8px;left:50%}.trail-fill{background:var(--moss);transform-origin:top;width:100%;height:100%;transition:transform .6s var(--bounce);border-radius:3px;transform:scaleY(0)}.trail-dots{gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.trail-dots a{place-items:center;width:20px;height:20px;display:grid}.trail-dots span{background:var(--paper-solid);border:2px solid var(--moss);width:11px;height:11px;transition:transform .4s var(--bounce), background .3s, border-radius .4s;border-radius:50%}.trail-dots a:hover span{transform:scale(1.4)}.trail-dots a.on span{background:var(--leaf);border-radius:0 50%;transform:scale(1.6)rotate(45deg)}main{z-index:2;position:relative}.stop{align-items:center;min-height:130vh;padding:110px 6vw;display:flex}.stop--left{justify-content:flex-start}.stop--right{justify-content:flex-end;padding-right:calc(6vw + 40px)}.stop--hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh}.panel{background:var(--paper);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);width:min(560px,44vw);box-shadow:var(--shadow);translate:0 var(--drift,0px);border:2px solid #26352a14;padding:34px 34px 30px;position:relative}.panel:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%237cc47f' stroke='%2326352a' stroke-width='1.6' d='M27 5C14 5 6 11 6 21c0 2 .5 4 1.5 6 1-6 5-11 12-14-6 4-9 8-10 14 9 1 17-6 17-16 0-2 .2-4 .5-6z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:44px;height:44px;animation:4s ease-in-out infinite leafWiggle;position:absolute;top:-18px;right:26px;transform:rotate(18deg)}@keyframes leafWiggle{0%,to{transform:rotate(18deg)}50%{transform:rotate(-4deg)translateY(-3px)}}.eyebrow{font:700 13px/1.3 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--moss);align-items:center;gap:8px;margin:0 0 8px;display:flex}.ico{width:18px;height:18px;fill:var(--leaf);flex:none}.num{background:var(--ink);min-width:30px;height:26px;color:var(--paper-solid);letter-spacing:0;border-radius:999px;place-items:center;padding:0 6px;display:inline-grid}.title{font:700 clamp(30px, 3.4vw, 46px)/1.08 var(--display);letter-spacing:-.01em;margin:0 0 10px}.title .w{vertical-align:bottom;padding-bottom:.06em;display:inline-block;overflow:hidden}.title .wi{display:inline-block}.lead{color:var(--ink);margin:0 0 14px;font-size:19px;font-weight:700}.panel p{margin:0 0 14px}.block{margin:0 0 16px}.block h3,.block h4,.skill-group h3{font:700 13px/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.block p{margin:0}.block--role,.block--status{border-radius:18px;padding:12px 14px 12px 20px;position:relative}.block--role{background:#ffb83d2e}.block--status{background:#4aa8ff21}.block--role:before,.block--status:before{content:"";transform-origin:top;width:5px;transform:scaleY(var(--bar,1));border-radius:5px;position:absolute;top:12px;bottom:12px;left:8px}.block--role:before{background:var(--sun)}.block--status:before{background:var(--sky)}.block--role h3,.block--role h4{color:#a8670f}.block--status h3{color:#2f6fae}.part{border:2px dashed var(--line);border-radius:20px;margin-bottom:14px;padding:14px}.part-title{font:700 19px/1.2 var(--display);margin:0 0 6px}.part p{font-size:16px}.part .block--role{margin:8px 0 0}.ticks{margin:0;padding:0;list-style:none}.ticks li{margin-bottom:4px;padding-left:26px;position:relative}.ticks li:before{content:"";background:var(--leaf);border-radius:0 50%;width:14px;height:14px;position:absolute;top:7px;left:2px;transform:rotate(45deg)}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{font:600 14px/1 var(--display);border:2px solid var(--line);transition:transform .3s var(--bounce), background .2s;background:#fff;border-radius:999px;padding:8px 12px}.chips li:hover{background:#eaf7e2;transform:translateY(-3px)rotate(-3deg)}.actions{flex-wrap:wrap;gap:10px;display:flex}.panel--hero{width:min(640px,52vw);padding:40px 40px 36px}.hero-title{font:700 clamp(46px, 6.4vw, 92px)/.98 var(--display);letter-spacing:-.02em;margin:0 0 10px}.hero-title>span{display:inline}.hero-title .word{white-space:nowrap;display:inline-block}.hero-title{font-family:"Outfit", var(--display);letter-spacing:-.035em;font-weight:800;line-height:.95}.hero-title .ch{transform-origin:50% 100%;color:var(--ink);transition:translate .3s var(--bounce);display:inline-block}.hero-title .word:last-child .ch{color:#0000;background:linear-gradient(100deg,#2f7d4a 0%,#4f9d5f 35%,#d9f2c9 50%,#4f9d5f 65%,#2f6f52 100%) 0 0/300% 100%;animation:6s ease-in-out infinite sheen;animation-delay:calc(var(--i) * 60ms);-webkit-background-clip:text;background-clip:text}.hero-title .ch:hover{translate:0 -.06em}@keyframes sheen{0%,60%{background-position:100% 0}to{background-position:0 0}}.hero-title .sp{width:.28em;display:inline-block}.hero-role{font:600 20px/1.35 var(--display);color:#a8670f;margin:0 0 12px!important}.hero-intro{font-size:18px}.scroll-hint{font:600 15px/1 var(--display);color:var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;margin:28px 0 0 10px;padding:10px 16px 10px 12px;display:flex}.acorn{width:22px;height:26px;animation:acornBob 1.6s var(--bounce) infinite;position:relative}.acorn:before{content:"";background:#c9894f;border-radius:45% 45% 50% 50%/40% 40% 60% 60%;height:18px;position:absolute;bottom:0;left:3px;right:3px}.acorn:after{content:"";background:#6e4a33;border-radius:50% 50% 30% 30%;height:10px;position:absolute;top:2px;left:0;right:0}@keyframes acornBob{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(7px)rotate(8deg)}}.panel--wide{width:min(640px,50vw)}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.contact-list{gap:10px;margin:4px 0 18px;padding:0;list-style:none;display:grid}.contact-list a{border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:var(--ink);font:600 17px/1.2 var(--display);transition:transform .25s var(--bounce), box-shadow .25s var(--bounce), background .2s;background:#fff;border-radius:20px;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;display:flex}.contact-list a:hover{box-shadow:0 7px 0 var(--ink);background:#fff6e0;transform:translateY(-3px)rotate(-1deg)}.contact-list span{letter-spacing:.06em;text-transform:uppercase;min-width:80px;color:var(--muted);font-size:13px}.foot{color:var(--muted);font-size:14px;margin:0!important}#loader{z-index:100;background:radial-gradient(circle at 50% 40%,#fffbf0 0%,#e9f4dc 70%);place-content:center;justify-items:center;gap:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.sprout{width:90px;height:110px;position:relative}.sprout-stem{background:var(--moss);transform-origin:bottom;width:8px;height:70px;animation:grow 1.4s var(--bounce) infinite alternate;border-radius:8px;margin-left:-4px;position:absolute;bottom:0;left:50%}.sprout-leaf{background:var(--leaf);border:3px solid var(--ink);width:38px;height:26px;animation:leafPop 1.4s var(--bounce) infinite alternate;border-radius:0 100%;position:absolute;bottom:52px}.sprout-leaf.l{transform-origin:100% 100%;border-radius:100% 0;right:50%}.sprout-leaf.r{transform-origin:0 100%;left:50%}@keyframes grow{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes leafPop{0%{transform:scale(.3)rotate(-20deg)}to{transform:scale(1)rotate(0)}}.loader-text{font:700 20px/1 var(--display);margin:0}.loader-bar{background:#26352a1a;border-radius:10px;width:180px;height:10px;overflow:hidden}.loader-bar span{background:var(--moss);transform-origin:0;border-radius:10px;height:100%;transition:transform .3s;display:block;transform:scaleX(0)}@media (max-width:860px){body{font-size:16px}.topnav{display:none}.brand{margin-right:auto}.trail{right:8px}.trail-dots{gap:9px}.stop,.stop--right{justify-content:center;align-items:flex-end;min-height:150vh;padding:0 14px 90px}.stop>.panel{margin-top:55vh}.panel,.panel--hero,.panel--wide{width:100%;padding:26px 22px 22px}.stop--hero{justify-content:flex-end;align-items:stretch;min-height:100vh;padding-bottom:40px}.stop--hero>.panel{margin-top:0}.skills-grid{grid-template-columns:1fr}.hero-title{font-size:clamp(38px,11.5vw,60px)}}@media (prefers-reduced-motion:reduce){.panel:before,.acorn,.sprout-stem,.sprout-leaf,.hero-title .ch{animation:none}.btn,.chips li,.contact-list a,.trail-fill,.trail-dots span{transition:none}}#bubble{z-index:3;pointer-events:none;border:2px solid var(--ink);max-width:220px;box-shadow:0 4px 0 var(--ink);font:700 15px/1.25 var(--display);color:var(--ink);text-align:center;opacity:0;transform-origin:50% 100%;transition:opacity .25s, scale .35s var(--bounce);background:#fff;border-radius:18px;padding:9px 14px;position:fixed;top:0;left:0;scale:.6}#bubble:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff;width:14px;height:14px;margin-left:-7px;position:absolute;bottom:-9px;left:50%;transform:rotate(45deg)}#bubble.on{opacity:1;scale:1}body.can-poke,body.can-poke *{cursor:pointer}.trail{flex-direction:column;align-items:center;gap:14px;display:flex}.trail-track{position:relative}.daytime{width:30px;height:30px;position:relative}.daytime span{transition:opacity .4s, transform .6s var(--bounce);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.daytime .sun{background:radial-gradient(circle, #ffd76a 45%, transparent 47%), repeating-conic-gradient(#ffb83d 0 10deg, transparent 10deg 30deg);opacity:calc(1 - var(--night,0));transform:rotate(calc(var(--night,0) * 180deg)) scale(calc(1 - var(--night,0) * .5));animation:12s linear infinite spin}.daytime .moon{opacity:var(--night,0);transform:scale(calc(.5 + var(--night,0) * .5));background:radial-gradient(circle at 65% 35%,#0000 38%,#f3efd9 40%)}@keyframes spin{to{rotate:360deg}}.crew{gap:6px;margin:0;padding:0;list-style:none;display:grid}.crew li{padding-left:24px;font-size:15.5px;line-height:1.45;position:relative}.crew .dot{background:var(--c);border:2px solid var(--ink);border-radius:50%;width:15px;height:15px;position:absolute;top:4px;left:0}.part .chips,.part .actions{margin-top:10px}.part .block--status{margin:8px 0 0}.skill-group--wide{grid-column:1/-1}.skill-group .ticks li{font-size:15.5px}.hints{flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 0 10px;display:flex}.hints .scroll-hint{margin:0}.poke-hint{font:600 14px/1.3 var(--display);color:var(--ink);background:#fffbf0bf;border-radius:999px;margin:0;padding:8px 14px}@media (max-width:860px){#bubble{z-index:1;max-width:170px;font-size:13px}.daytime{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.daytime .sun{animation:none}#bubble{transition:opacity .25s}}.guestbook{background:repeating-linear-gradient(90deg,#c8925d 0 46px,#bd8650 46px 50px);border:3px solid #7a4e2c;border-radius:22px;margin:22px 0 18px;padding:18px;box-shadow:inset 0 0 0 3px #ffffff26,0 6px #7a4e2c}.guestbook h3{font:700 22px/1.1 var(--display);color:#fff7e6;text-shadow:0 2px #7a4e2c;margin:0 0 4px}.guestbook>.muted{color:#fff1d6;margin:0 0 12px!important}.gb-form{background:#fffbf0eb;border-radius:14px;gap:8px;padding:12px;display:grid}.gb-form label{font:600 13px/1 var(--display);color:var(--muted);gap:4px;display:grid}.gb-form input,.gb-form textarea{font:16px/1.4 var(--body);border:2px solid var(--line);color:var(--ink);resize:vertical;background:#fff;border-radius:10px;padding:9px 11px}.gb-form input:focus,.gb-form textarea:focus{border-color:var(--moss);outline:none}.gb-hp{position:absolute;left:-9999px}.gb-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gb-msg{color:var(--ink);font-size:14px}.gb-status{color:#fff1d6!important;margin:10px 0 0!important}.notes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:360px;margin:12px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.note{rotate:var(--tilt);transition:rotate .3s var(--bounce), scale .3s var(--bounce);background:#fff6c9;border-radius:4px;padding:14px 12px 10px;position:relative;box-shadow:0 3px 6px #3c230f59}.note:nth-child(3n){background:#ffdbe5}.note:nth-child(3n+1){background:#dff3d4}.note:before{content:"";background:#e8546a;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:5px;left:50%;box-shadow:0 1px #0000004d}.note:hover{rotate:0deg;scale:1.05}.note p{word-wrap:break-word;font-size:14.5px;line-height:1.35;margin:0 0 6px!important}.note span{font:600 12px/1.2 var(--display);color:var(--muted)}.note--new{animation:notePin .6s var(--bounce)}@keyframes notePin{0%{opacity:0;rotate:25deg;scale:.2}}