:root{--paper:#fff7ef;--paper-deep:#f8eadb;--ink:#1d1f1f;--muted:#7b6f66;--pink:#f42b8d;--pink-soft:#ffc2d7;--yellow:#f5c35c;--panel:#ffffff80;--font-hand:"Bradley Hand", "Chalkboard SE", "Comic Sans MS", cursive;--font-ui:"Avenir Next", "Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-shell{background:radial-gradient(circle at 72% 18%, #f42b8d14, transparent 28rem), radial-gradient(circle at 10% 90%, #f5c35c29, transparent 32rem), linear-gradient(135deg, #fffaf4 0%, var(--paper) 52%, var(--paper-deep) 100%);min-height:100vh;position:relative;overflow:hidden}.paper-grain{pointer-events:none;opacity:.32;background-image:linear-gradient(#1d1f1f09 1px,#0000 1px),linear-gradient(90deg,#1d1f1f08 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 88%);mask-image:radial-gradient(circle,#000,#0000 88%)}.ambient-dust{pointer-events:none;position:fixed;inset:0}.ambient-dust span{background:var(--pink);opacity:.22;border-radius:999px;animation:7s ease-in-out infinite floatDust;display:block;position:absolute}.hero{z-index:2;grid-template-columns:minmax(22rem,.88fr) minmax(32rem,1.12fr);align-items:center;gap:clamp(2rem,5vw,6rem);width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:clamp(2rem,4vw,5rem);display:grid;position:relative}.intro-copy{max-width:42rem;transform:rotate(-1deg)}.handline{color:#4b4844;font-family:var(--font-hand);letter-spacing:0;white-space:nowrap;margin:0 0 1.1rem;font-size:clamp(3.5rem,6.2vw,5.8rem);line-height:.92}.short-rule{background:var(--ink);border-radius:999px;width:9rem;height:3px;margin:0 0 clamp(1.8rem,4vw,3rem);transform:rotate(-1.3deg)}.intro-copy h1{max-width:none;font-family:var(--font-hand);letter-spacing:0;white-space:nowrap;margin:0;font-size:clamp(1.55rem,2.5vw,2.35rem);font-weight:400;line-height:1.04}.school,.want{color:#5d5852;font-family:var(--font-hand);margin:clamp(2.2rem,4vw,3.4rem) 0 0;font-size:clamp(1.62rem,2.5vw,2.75rem);line-height:1.05}.want{white-space:nowrap;margin-top:clamp(2rem,4vw,3rem);font-size:clamp(1.35rem,2vw,2.05rem)}.want__cross{color:var(--muted);white-space:nowrap;position:relative}.want__cross:after{content:"";background:var(--pink);border-radius:999px;height:.11em;position:absolute;top:56%;left:-.04em;right:-.04em;transform:rotate(-2.4deg)}.want__add{color:var(--pink);margin:0 .12em 0 .22em;font-size:.84em;display:inline-block;transform:rotate(-8deg)translateY(-.5em)}.now{font-family:var(--font-hand);perspective:900px;align-items:center;gap:.65rem;margin:clamp(1rem,2vw,1.4rem) 0 0;font-size:clamp(1.4rem,2.1vw,2.2rem);line-height:1.25;display:flex}.now__label{color:#5d5852;white-space:nowrap}.now__flip{width:calc(var(--flip-width) + 1.55rem);height:1.58em;color:var(--pink);transform-style:preserve-3d;display:inline-block;position:relative;transform:rotate(-1.2deg)}.now__flip:after{content:"";z-index:5;pointer-events:none;background:#1d1f1f2e;height:2px;position:absolute;top:50%;left:.22rem;right:.22rem;transform:translateY(-50%)}.now__card,.now__flip-panel{backface-visibility:hidden;width:100%;height:50%;transform-style:preserve-3d;background:#fffaf4e6;border:2.5px solid #1d1f1fd1;position:absolute;left:0;overflow:hidden;box-shadow:6px 7px #1d1f1f0f}.now__card--top,.now__flip-panel--top{border-bottom-width:1px;border-radius:.72rem .72rem .16rem .16rem;top:0}.now__card--bottom,.now__flip-panel--bottom{border-top-width:1px;border-radius:.16rem .16rem .72rem .72rem;bottom:0}.now__card-text{white-space:nowrap;letter-spacing:0;text-shadow:.03em .04em #f42b8d14;justify-content:center;align-items:center;width:100%;height:200%;padding:0 .74rem .07rem;display:flex;position:absolute;left:0}.now__card--top .now__card-text,.now__flip-panel--top .now__card-text{top:0}.now__card--bottom .now__card-text,.now__flip-panel--bottom .now__card-text{bottom:0}.now__flip-panel{z-index:6;color:var(--pink)}.now__flip-panel--top{transform-origin:bottom;animation:.72s cubic-bezier(.4,.02,.18,1) forwards flipTop}.now__flip-panel--bottom{transform-origin:top;animation:.72s cubic-bezier(.22,1,.36,1) forwards flipBottom;transform:rotateX(90deg)}@keyframes flipTop{0%{filter:brightness();transform:rotateX(0)}48%,to{filter:brightness(.9);transform:rotateX(-90deg)}}@keyframes flipBottom{0%,46%{filter:brightness(.88);transform:rotateX(90deg)}to{filter:brightness();transform:rotateX(0)}}.availability{color:#2c7a3a;font-family:var(--font-hand);background:#40c0571f;border:2px solid #37a14a;border-radius:999px;align-items:center;gap:.55rem;margin:clamp(1.8rem,3.5vw,2.6rem) 0 0;padding:.35rem .95rem .42rem;font-size:clamp(1.15rem,1.7vw,1.55rem);display:inline-flex;transform:rotate(-1deg)}.availability__dot{background:#40c057;border-radius:999px;width:.7rem;height:.7rem;animation:2.2s ease-out infinite availPulse;box-shadow:0 0 #40c0578c}@keyframes availPulse{0%{box-shadow:0 0 #40c0578c}70%{box-shadow:0 0 0 .55rem #40c05700}to{box-shadow:0 0 #40c05700}}.contact-grid{grid-template-columns:repeat(4,minmax(4.8rem,1fr));gap:clamp(.65rem,1.2vw,.9rem);width:min(30rem,100%);margin-top:clamp(2.2rem,5vh,4.5rem);display:grid}.contact-card{min-height:clamp(4.3rem,7vw,5.4rem);color:var(--ink);font-family:var(--font-hand);background:#fffaf4b3;border:3px solid;border-radius:12% 18% 15% 12%/16% 11% 18% 15%;place-items:center;padding:.5rem;font-size:clamp(1.8rem,2.4vw,2.45rem);line-height:1;transition:transform .16s,box-shadow .16s,background .16s;display:grid;transform:rotate(-1.2deg);box-shadow:7px 8px #1d1f1f12}.contact-card:nth-child(2n){transform:rotate(1.3deg)}.contact-card:hover{background:#fff;transform:translateY(-4px)rotate(0);box-shadow:9px 11px #f42b8d26}.contact-card--pink{color:var(--pink)}.contact-card--yellow{color:#a86811}.contact-card--ink{color:var(--ink)}.contact-card__icon{width:2.2rem;height:2.2rem;font-family:var(--font-ui);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.contact-card__icon svg{stroke-width:2.2px;width:1.9rem;height:1.9rem}.character-wrap{isolation:isolate;place-items:center;min-height:min(760px,82vh);display:grid;position:relative}.avatar-tabs{aspect-ratio:1;z-index:4;pointer-events:none;width:clamp(31rem,47vw,45rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-tab{pointer-events:auto;min-height:3.25rem;color:var(--ink);border:3px solid var(--ink);font-family:var(--font-hand);background:#fff7efd1;border-radius:48% 52% 45% 55%/53% 42% 58% 47%;align-items:center;gap:.42rem;padding:.48rem 1.08rem .56rem .9rem;font-size:clamp(1.3rem,1.95vw,1.85rem);line-height:1;transition:transform .16s,box-shadow .16s,color .16s;display:inline-flex;position:absolute;box-shadow:7px 9px #1d1f1f12}.avatar-tab__icon{justify-content:center;align-items:center;display:inline-flex;transform:rotate(-5deg)}.avatar-tab__icon svg{stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.avatar-tab__label{position:relative;top:.03em}.avatar-tab:hover{color:var(--pink);box-shadow:9px 12px #f42b8d24}.avatar-tab--projects{top:7%;left:6%;transform:rotate(-4deg)}.avatar-tab--projects .avatar-tab__icon{transform:rotate(-12deg)}.avatar-tab--projects:hover{transform:translateY(-3px)rotate(-2deg)}.avatar-tab--experience{bottom:15%;left:5%;transform:rotate(-2deg)}.avatar-tab--experience .avatar-tab__icon{transform:rotate(4deg)}.avatar-tab--experience:hover{transform:translateY(-3px)rotate(-.5deg)}.avatar-tab--ideas{background:#fff7efe6;border-radius:55% 45% 50% 50%/54% 58% 42% 46%;padding:.55rem 1.2rem .64rem .96rem;top:9%;right:6%;transform:rotate(3deg)}.avatar-tab--ideas:before,.avatar-tab--ideas:after{content:"";background:#fff7efe6;border:3px solid;border-radius:999px;display:block;position:absolute;box-shadow:5px 6px #1d1f1f0f}.avatar-tab--ideas:before{width:.82rem;height:.82rem;bottom:-.78rem;left:1.05rem}.avatar-tab--ideas:after{width:.46rem;height:.46rem;bottom:-1.34rem;left:.18rem}.avatar-tab--ideas .avatar-tab__icon{color:var(--pink);transform:rotate(8deg)}.avatar-tab--ideas:hover{transform:translateY(-3px)rotate(1.5deg)}.avatar-tab--cv{bottom:10%;right:11%;transform:rotate(-3deg)}.avatar-tab--cv .avatar-tab__icon{transform:rotate(-2deg)}.avatar-tab--cv:hover{transform:translateY(-3px)rotate(-1deg)}.avatar-stage{aspect-ratio:1;z-index:2;place-items:center;width:clamp(21rem,38vw,38rem);display:grid;position:relative}.avatar-filter{width:0;height:0;position:absolute}.avatar-svg{transform-origin:50%;will-change:transform;width:100%;height:100%;overflow:visible}.avatar-pink-shadow{fill:var(--pink-soft);opacity:.78;transform:translate(-12px,15px)}.face-fill{fill:#ffe9d7}.face-stroke{fill:none;stroke:var(--ink);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.hair-main,.hair-bang{fill:var(--ink)}.hair{will-change:transform}.hair-wisps{fill:none;stroke:var(--ink);stroke-width:11px;stroke-linecap:round;stroke-linejoin:round}.glasses rect,.glasses path{fill:none;stroke:var(--ink);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.eye-white{fill:#fffaf4;stroke:var(--ink);stroke-width:5px}.pupils{will-change:transform}.pupil{fill:var(--pink)}.pupil-dot{fill:#fffaf4;opacity:.95}.mouth,.cheek{fill:none;stroke:var(--ink);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.cheek{stroke:var(--pink);opacity:.75;stroke-width:5px}@keyframes floatDust{0%,to{transform:translate(0,0)}50%{transform:translate(14px,-18px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;padding:2rem 1.2rem 4rem}.intro-copy{text-align:center;order:1;width:min(100%,38rem);margin:0 auto;transform:none}.handline,.intro-copy h1,.want{white-space:normal}.short-rule{margin-inline:auto}.contact-grid{grid-template-columns:repeat(4,minmax(4.1rem,1fr));margin-inline:auto}.character-wrap{order:2;min-height:34rem}.avatar-tabs{flex-wrap:wrap;justify-content:center;gap:.7rem .8rem;margin-top:1.3rem;display:flex;position:static}.avatar-tab{position:static}}@media (max-width:620px){.character-wrap{min-height:29rem}.avatar-stage{width:min(78vw,23rem)}.contact-grid{grid-template-columns:repeat(3,minmax(4.8rem,1fr))}}