:root{--cream: #fff6ec;--peach: #ffeddc;--lilac: #f3eeff;--mint: #e2f8f1;--dark: #221a30;--muted: #6f6680;--coral: #ff5d3a;--purple: #7a5af5;--teal: #00bfa0;--amber: #ffaf26;--pink: #f55c92;--white: #ffffff;--chip-bg: #f3eef0;--card-shadow: 0 10px 30px -8px rgba(34, 26, 48, .1);--card-shadow-hover: 0 22px 44px -12px rgba(34, 26, 48, .18);--grad-warm: linear-gradient(100deg, var(--coral), var(--pink));--radius-lg: 24px;--radius-xl: 26px;--maxw: 1440px;--pad-x: clamp(20px, 5.5vw, 80px);--font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--wave: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20720%2064'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,0H720V32C600,60,480,4,360,32C240,60,120,4,0,32Z'%20fill='%23fff6ec'/%3E%3C/svg%3E");--wave2: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20720%2064'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,0H720V30C600,52,480,8,360,30C240,52,120,8,0,30Z'%20fill='%23fff6ec'/%3E%3C/svg%3E");--wave-soft: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20720%2064'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,0H720V36C600,62,480,10,360,36C240,62,120,10,0,36Z'%20fill='%23fff6ec'%20fill-opacity='0.45'/%3E%3C/svg%3E")}[data-color=coral]{--c: var(--coral)}[data-color=purple]{--c: var(--purple)}[data-color=teal]{--c: var(--teal)}[data-color=amber]{--c: var(--amber)}[data-color=pink]{--c: var(--pink)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body{font-family:var(--font);background:var(--cream);color:var(--dark);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{display:block}.skip-link{position:fixed;top:14px;left:14px;z-index:100;padding:12px 20px;background:var(--dark);color:var(--cream);font-weight:600;border-radius:999px;transform:translateY(calc(-100% - 20px))}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.contact :focus-visible{outline-color:var(--cream)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad-x)}.section{padding-block:clamp(56px,8vw,84px)}.eyebrow{display:inline-flex;align-items:center;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--coral);background:color-mix(in srgb,var(--coral) 12%,transparent);padding:8px 16px;border-radius:100px;text-transform:uppercase}.section-title{font-family:var(--font-display);font-size:clamp(32px,4.6vw,46px);font-weight:600;letter-spacing:-.01em;line-height:1.12;margin-top:16px}.lead{color:var(--muted);font-size:clamp(16px,2vw,18px)}.chip{display:inline-flex;align-items:center;background:var(--chip-bg);color:#51495c;font-size:13px;font-weight:600;padding:7px 13px;border-radius:100px}.btn{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;padding:16px 28px;border-radius:100px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-3px) rotate(-1deg)}.btn-primary{background:var(--grad-warm);color:#fff;box-shadow:0 10px 24px -10px #ff5d3a8c}.btn-primary:hover{box-shadow:0 16px 30px -10px #ff5d3a99}.btn-ghost{border:1.5px solid #ddd4cf;color:var(--dark);background:#fff9}.nav{position:sticky;top:0;z-index:50;background:#fff6ecd9;backdrop-filter:saturate(140%) blur(10px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding-block:22px}.nav .logo{height:40px;width:auto}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{color:var(--muted);font-weight:500;font-size:16px;transition:color .15s ease}.nav-links a:hover{color:var(--coral)}.nav-cta{background:var(--dark);color:#fff!important;font-weight:600;padding:12px 22px;border-radius:100px;transition:background .2s ease,transform .2s ease}.nav-cta:hover{background:var(--coral);transform:rotate(-2deg)}.hero{position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.hero:before{width:480px;height:480px;background:radial-gradient(circle,color-mix(in srgb,var(--amber) 28%,transparent),transparent 70%);top:-120px;right:-80px}.hero:after{width:420px;height:420px;background:radial-gradient(circle,color-mix(in srgb,var(--teal) 20%,transparent),transparent 70%);bottom:-140px;left:-120px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding-top:24px;padding-bottom:clamp(60px,9vw,90px)}.hero-badge{display:inline-flex;background:var(--mint);color:#00715f;font-weight:600;font-size:14px;padding:9px 16px;border-radius:100px}.hero h1{font-family:var(--font-display);font-size:clamp(40px,6.2vw,62px);font-weight:600;line-height:1.06;letter-spacing:-.015em;margin:20px 0}.hero h1 .c-coral,.hero h1 .c-purple,.hero h1 .c-teal{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-thickness:3px;text-underline-offset:7px}.hero h1 .c-coral{color:var(--coral);text-decoration-color:color-mix(in srgb,var(--coral) 55%,transparent)}.hero h1 .c-purple{color:var(--purple);text-decoration-color:color-mix(in srgb,var(--purple) 55%,transparent)}.hero h1 .c-teal{color:var(--teal);text-decoration-color:color-mix(in srgb,var(--teal) 55%,transparent)}.hero p{color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.6;max-width:36em}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.portrait{position:relative;max-width:430px;margin-inline:auto;width:100%}.portrait .blob{position:absolute;inset:8% -5% -7% 9%;background:linear-gradient(140deg,var(--purple),var(--pink));border-radius:58% 42% 55% 45%/50% 56% 44% 50%;transform:rotate(-5deg)}.portrait .frame{position:relative;aspect-ratio:1;border-radius:54% 46% 52% 48%/49% 53% 47% 51%;overflow:hidden;border:8px solid #fff;box-shadow:0 26px 52px -14px #221a3047;background:linear-gradient(140deg,var(--peach),var(--lilac))}.portrait .frame img{width:100%;height:100%;object-fit:cover}.portrait .frame .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:clamp(80px,12vw,130px)}.portrait .float{position:absolute;border-radius:50%;animation:bob 4s ease-in-out infinite}.portrait .f1{width:15%;aspect-ratio:1;background:var(--amber);top:0;left:-2%}.portrait .f2{width:9%;aspect-ratio:1;background:var(--coral);top:12%;right:-1%;animation-delay:1.2s}.portrait .f3{width:11%;aspect-ratio:1;background:var(--teal);border-radius:26%;bottom:4%;right:4%;animation-delay:2.1s;rotate:16deg}.portrait .sticker{position:absolute;bottom:6%;left:-4%;background:#fff;font-size:15px;font-weight:600;padding:11px 18px;border-radius:100px;box-shadow:var(--card-shadow);rotate:-5deg;animation:bob 5s ease-in-out infinite;animation-delay:.6s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-inner{max-width:900px}.about-inner p{color:var(--muted);font-size:18px;line-height:1.68;margin-top:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:52px}.stat{min-width:0;border-radius:var(--radius-lg);padding:28px;background:var(--c);color:#fff;box-shadow:0 14px 30px -12px color-mix(in srgb,var(--c) 55%,transparent);transition:transform .25s ease}.stat:nth-child(odd){rotate:-1.4deg}.stat:nth-child(2n){rotate:1.2deg}.stat:hover{transform:scale(1.04) rotate(1deg)}.stat .num{font-family:var(--font-display);font-size:clamp(28px,3vw,38px);font-weight:600;letter-spacing:-.02em}.stat .label{font-size:15px;font-weight:500;margin-top:6px;opacity:.9}.stat[data-color=amber]{color:var(--dark)}.projects-content{display:flex;flex-direction:column;gap:26px;margin-top:40px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--card-shadow);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.project-grid .project:nth-child(odd){rotate:-.7deg}.project-grid .project:nth-child(2n){rotate:.7deg}.project:hover{transform:translateY(-6px) rotate(.4deg);box-shadow:var(--card-shadow-hover)}.project.featured{display:grid;grid-template-columns:560px 1fr;gap:40px;align-items:center}.project.featured .preview{border-radius:0;aspect-ratio:560 / 360}.project-body{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px}.project.featured .project-body{padding:28px 28px 28px 0}.cat-pill{display:inline-flex;font-size:13px;font-weight:600;padding:7px 14px;border-radius:100px;background:color-mix(in srgb,var(--c) 14%,transparent);color:color-mix(in srgb,var(--c) 65%,#221a30)}.project-body h3{font-family:var(--font-display);font-size:clamp(23px,2.7vw,31px);font-weight:600;letter-spacing:-.01em}.project-body .desc{color:var(--muted);font-size:16px;line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags .chip{font-size:12.5px;padding:6px 12px}.project-link{font-weight:600;font-size:15px;color:var(--c);display:inline-flex;gap:6px}.project-link:hover{text-decoration:underline wavy;text-underline-offset:5px}.project-cta{background:linear-gradient(135deg,var(--coral),var(--pink));color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:44px 38px;position:relative}.project-cta:before,.project-cta:after{content:"";position:absolute;border-radius:50%}.project-cta:before{width:220px;height:220px;background:#ffffff24;top:-70px;right:-60px}.project-cta:after{width:150px;height:150px;background:#221a301a;bottom:-55px;left:-35px}.project-cta>*{position:relative;z-index:1}.project-cta .eyebrow{background:#ffffff2e;color:#fff}.project-cta h3{font-family:var(--font-display);font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.12;letter-spacing:-.015em}.project-cta p{font-size:16px;line-height:1.6;color:#ffffffeb}.project-cta .pill{background:#fff;color:var(--dark);font-weight:600;font-size:15px;padding:13px 24px;border-radius:100px;margin-top:6px;transition:transform .2s ease}.project-cta:hover .pill{transform:rotate(-2deg)}.preview{border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:#fff}.project-grid .preview{border-radius:0;aspect-ratio:600 / 250}.preview .bar{display:flex;align-items:center;gap:7px;background:#f4eff2;padding:11px 14px}.preview .bar span.dot{width:9px;height:9px;border-radius:50%;flex:none}.preview .bar .url{flex:1;background:#fff;border-radius:100px;padding:5px 12px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview .canvas{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,color-mix(in srgb,var(--c) 85%,#fff),var(--c));padding:24px;text-align:center}.preview .canvas .name{font-family:var(--font-display);font-size:clamp(22px,3vw,34px);font-weight:600;letter-spacing:-.01em;color:#fff}.preview[data-dark=true] .canvas .name{color:var(--dark)}.preview .canvas:has(img){padding:0}.project-grid .preview:has(img),.project.featured .preview:has(img){aspect-ratio:auto}.preview .canvas img{width:100%;height:auto;display:block;transition:transform .4s ease}.project:hover .preview .canvas img{transform:scale(1.04)}@media (prefers-reduced-motion: reduce){.preview .canvas img{transition:none}.project:hover .preview .canvas img{transform:none}}.skills{position:relative;background:linear-gradient(160deg,var(--lilac),var(--peach));padding-block:clamp(96px,11vw,130px)}.skills:before,.skills:after{content:"";position:absolute;left:0;right:0;height:56px;background:var(--wave),var(--wave2),var(--wave-soft);background-size:50% 100%,33.3334% 100%,50% 100%;background-repeat:repeat-x;pointer-events:none}.skills:before{top:0}.skills:after{bottom:0;transform:scale(-1)}@media (prefers-reduced-motion: no-preference){.skills:before,.skills:after,.contact:before{animation:wave-flow 30s linear infinite}.skills:after{animation-direction:reverse}}@keyframes wave-flow{0%{background-position:0% 0,0% 0,0% 0}to{background-position:100% 0,-100% 0,-100% 0}}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}.skill-card{background:color-mix(in srgb,var(--c) 6%,#fff);border-radius:22px;padding:26px 28px;box-shadow:var(--card-shadow)}.skill-card .head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.skill-card .head .d{width:12px;height:12px;border-radius:50%;background:var(--c)}.skill-card .head h3{font-size:19px;font-weight:600}.skill-card .pills{display:flex;flex-wrap:wrap;gap:10px}.skill-card .pills span{font-size:14px;font-weight:600;padding:9px 15px;border-radius:100px;background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 75%,#221a30)}.exp-list{display:flex;flex-direction:column;gap:18px;margin-top:40px}.exp{display:grid;grid-template-columns:210px 1fr;gap:32px;background:#fff;border-radius:22px;padding:30px 32px;border-left:6px solid var(--c);box-shadow:var(--card-shadow);transition:transform .25s ease,box-shadow .25s ease}.exp:hover{transform:translate(6px);box-shadow:var(--card-shadow-hover)}.exp .period{font-size:15px;font-weight:600;color:var(--c)}.exp .loc{font-size:14px;font-weight:500;color:var(--muted);margin-top:6px}.exp .role-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.exp h3{font-size:clamp(19px,2.2vw,21px);font-weight:700}.exp .live{font-size:12px;font-weight:600;letter-spacing:.04em;padding:5px 12px;border-radius:100px;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c)}.exp .company{font-size:16px;font-weight:600;color:var(--muted);margin:7px 0}.exp .desc{font-size:16px;line-height:1.62;color:var(--muted)}.edu-title{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.01em;margin-top:40px}.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.edu{background:#fff;border-radius:20px;padding:26px 28px;border-top:5px solid var(--c);box-shadow:var(--card-shadow)}.edu .years{font-size:14px;font-weight:600;color:var(--c)}.edu h4{font-size:19px;font-weight:700;line-height:1.28;margin:8px 0}.edu .school{font-size:15px;font-weight:500;color:var(--muted)}.contact{background:linear-gradient(135deg,var(--coral),var(--pink));color:#fff;position:relative;overflow:hidden;padding-top:clamp(96px,11vw,130px);display:flex;flex-direction:column;min-height:calc(100svh - 96px)}.contact:before{content:"";position:absolute;top:0;left:0;right:0;height:56px;background:var(--wave),var(--wave2);background-size:50% 100%,33.3334% 100%;background-repeat:repeat-x;z-index:1;pointer-events:none}.contact .blob{position:absolute;border-radius:50%}.contact .blob.b1{width:360px;height:360px;background:#ffffff1f;top:-90px;right:-40px}.contact .blob.b2{width:220px;height:220px;background:#221a301a;bottom:-60px;left:-70px}.contact .inner{position:relative;z-index:1;display:flex;flex-direction:column;flex:1}.contact .eyebrow{background:#ffffff2e;color:#fff}.contact h2{font-family:var(--font-display);font-size:clamp(36px,5.2vw,54px);font-weight:600;line-height:1.08;letter-spacing:-.015em;margin:16px 0 28px;color:#fff}.contact .chips{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.contact .chips a{background:#fff;color:var(--dark);font-weight:600;font-size:15px;padding:13px 20px;border-radius:100px;max-width:100%;overflow-wrap:anywhere;transition:transform .2s ease}.contact .chips a:hover{transform:translateY(-3px) rotate(-1.5deg)}.contact .chips .linkedin{display:inline-flex;align-items:center;gap:7px}.contact .chips .linkedin .ico{color:var(--coral)}.contact .copy-btn{display:inline-flex;align-items:center;gap:7px;background:#ffffff2e;color:#fff;font-weight:600;font-size:15px;font-family:inherit;border:1.5px solid rgba(255,255,255,.45);cursor:pointer;padding:11px 18px;border-radius:100px;transition:transform .2s ease,background .2s ease}.contact .copy-btn:hover{transform:translateY(-3px) rotate(1.5deg);background:#ffffff47}.contact .copy-btn.done{background:#fff;color:var(--dark);border-color:#fff}.contact .cta{display:inline-flex;align-items:center;gap:8px;background:var(--dark);color:#fff;font-weight:600;font-size:16px;padding:17px 30px;border-radius:100px;transition:transform .2s ease}.contact .cta:hover{transform:translateY(-3px) rotate(-1deg)}.contact hr{border:none;border-top:1.5px solid rgba(255,255,255,.3);margin:auto 0 24px}.contact .bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.contact .copy{font-size:14px;font-weight:500;color:#ffffffd9}.contact .reserved{margin-left:10px;font-size:12px;color:#ffffffb3;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff59}.contact .reserved:hover{color:#fff;text-decoration-color:currentColor}.contact .avail{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500}.contact .avail .g{width:10px;height:10px;border-radius:50%;background:#73f299;animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #73f2998c}50%{box-shadow:0 0 0 7px #73f29900}}@media (prefers-reduced-motion: no-preference){.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.portrait .float,.portrait .sticker,.contact .avail .g{animation:none}}@media (max-width: 980px){.hero-grid{grid-template-columns:1fr;gap:40px}.portrait{max-width:380px}.stats{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.project.featured{grid-template-columns:1fr;gap:0}.project.featured .preview{aspect-ratio:600 / 300}.project.featured .project-body{padding:28px}.skill-grid{grid-template-columns:1fr}.exp{grid-template-columns:1fr;gap:12px}.edu-grid{grid-template-columns:1fr}}@media (max-width: 620px){.nav-links a:not(.nav-cta){display:none}.nav-inner{padding-block:16px}.nav .logo{height:34px}.portrait{max-width:300px}.portrait .sticker{font-size:13px;padding:9px 14px}.stats{grid-template-columns:1fr 1fr}.contact .bottom{flex-direction:column;align-items:flex-start}.contact{padding-bottom:max(24px,env(safe-area-inset-bottom))}.contact hr{margin-bottom:18px}}@media (max-width: 380px){.stats{grid-template-columns:1fr;gap:16px}}