:root{--sand:#f1eee4;--sand-deep:#e4e0d2;--palm:#5f9a3d;--palm-bright:#78b34a;--palm-dark:#3f6b28;--sun:#e89a5a;--sun-soft:#e89a5a2e;--ink:#1a1916;--text:#4a463f;--muted:#7a756c;--faint:#1a191614;--surface:#ffffff7a;--border:#1a19161a;--max:880px;--font:"Outfit", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font:400 16px/1.7 var(--font);color:var(--text);background:var(--sand);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100svh;position:relative}main{z-index:1;position:relative}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}.tropical-backdrop{pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 50% at 85% -10%, var(--sun-soft), transparent 55%), radial-gradient(ellipse 55% 45% at -5% 90%, #5f9a3d1f, transparent 55%), radial-gradient(ellipse 40% 35% at 70% 100%, #e89a5a14, transparent 50%);position:fixed;inset:0;overflow:hidden}.tropical-backdrop__glow{filter:blur(40px);border-radius:50%;position:absolute}.tropical-backdrop__glow--sun{background:radial-gradient(circle,#e89a5a47,#0000 68%);width:380px;height:380px;top:-120px;right:-80px}.tropical-backdrop__glow--palm{background:radial-gradient(circle,#5f9a3d29,#0000 68%);width:420px;height:420px;bottom:-140px;left:-100px}.tropical-backdrop__grain{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.leaf-nav{z-index:50;-webkit-backdrop-filter:blur(14px);background:#ffffff8c;border:1px solid #ffffffb3;border-radius:999px;padding:6px;position:fixed;top:20px;right:20px;box-shadow:0 10px 30px #1a19160f}.leaf-nav__list{align-items:center;gap:2px;display:flex}.leaf-nav__link{color:var(--text);border-radius:999px;padding:10px 16px;font-size:.86rem;font-weight:600;transition:color .2s,background .2s;display:block}.leaf-nav__link:hover{color:var(--ink);background:#5f9a3d24}.hero{justify-content:center;align-items:center;min-height:100svh;padding:96px 24px 120px;display:flex;position:relative;overflow:hidden}.hero__content{--hero-gap:clamp(1.5rem, 3.6vh, 2.35rem);z-index:1;align-items:center;gap:var(--hero-gap);text-align:center;flex-direction:column;display:flex;position:relative}.hero__eyebrow,.hero__title,.hero__role{animation:.85s cubic-bezier(.22,1,.36,1) both fade-up}.hero__eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:0;font-size:clamp(.78rem,1.4vw,.88rem);font-weight:600;animation-delay:50ms}.hero__title{flex-direction:column;gap:.06em;margin:0;animation-delay:.16s;display:flex}.hero__name-line{letter-spacing:-.04em;color:var(--ink);font-size:clamp(3.2rem,11vw,6.75rem);font-weight:700;line-height:.95;display:block}.hero__role{flex-direction:column;align-items:center;gap:.55rem;animation-delay:.28s;display:flex;position:relative}.hero__role:before{content:"";top:calc(var(--hero-gap) / -2);background:linear-gradient(90deg, transparent, var(--palm), transparent);border-radius:999px;width:36px;height:2px;position:absolute;left:50%;transform:translate(-50%,-50%)}.hero__subtitle{letter-spacing:.04em;color:var(--text);margin:0;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:500}.hero__island{letter-spacing:.06em;color:var(--palm-dark);margin:0;font-size:.88rem;font-weight:500}.hero__scroll{border:1px solid #1f1d1a29;border-radius:999px;justify-content:center;align-items:center;width:28px;height:44px;transition:border-color .2s,background .2s;animation:.85s cubic-bezier(.22,1,.36,1) .65s both fade-up;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.hero__scroll:hover{background:#6da54414;border-color:#4f7f3273}.hero__scroll-line{background:var(--palm-dark);border-radius:999px;width:2px;height:10px;animation:1.8s ease-in-out infinite scroll-pulse}.section{max-width:var(--max);margin:0 auto;padding:88px 24px}.section__header{margin-bottom:40px}.section__header--center{text-align:center}.section__label{letter-spacing:.22em;text-transform:uppercase;color:var(--palm-dark);margin:0 0 12px;font-size:.76rem;font-weight:600}.section__title{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(1.85rem,4vw,2.6rem);font-weight:700;line-height:1.15}.about__grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:clamp(32px,6vw,64px);display:grid}.about__body{flex-direction:column;gap:16px;display:flex}.about__body p{color:var(--text);margin:0;font-size:1.08rem;line-height:1.75}.skill-list{border-top:1px solid var(--border);flex-direction:column;display:flex}.skill-list li{color:var(--ink);border-bottom:1px solid var(--border);padding:14px 0;font-size:.95rem;font-weight:500}.projects__list{gap:14px;display:grid}.project-card{background:var(--surface);-webkit-backdrop-filter:blur(12px);transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s ease;border:1px solid #ffffffa6;border-radius:20px;padding:28px 28px 24px;display:block;box-shadow:0 12px 36px #1a19160a}a.project-card:hover{border-color:#5f9a3d47;transform:translateY(-4px);box-shadow:0 20px 48px #1a191614}a.project-card:hover .project-card__cta{color:var(--palm-dark)}.project-card__meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.project-card__index{letter-spacing:.12em;color:var(--muted);font-size:.78rem;font-weight:600}.project-card__cta{color:var(--text);font-size:.86rem;font-weight:600;transition:color .2s}.project-card__title{letter-spacing:-.03em;color:var(--ink);margin:0 0 10px;font-size:clamp(1.35rem,3vw,1.7rem);font-weight:700}.project-card__desc{max-width:52ch;color:var(--text);margin:0 0 20px;font-size:1rem;line-height:1.65}.project-card__tags{flex-wrap:wrap;gap:6px 0;display:flex}.project-card__tags li{letter-spacing:.02em;color:var(--muted);font-size:.8rem;font-weight:500}.project-card__tags li:not(:last-child):after{content:"·";color:#1a191640;margin:0 10px}.contact{padding-bottom:112px}.contact__text{max-width:38ch;color:var(--text);margin:16px auto 0;font-size:1.05rem}.contact__actions{flex-direction:column;align-items:center;gap:28px;display:flex}.btn{letter-spacing:.01em;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s ease;border-radius:999px;justify-content:center;align-items:center;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--leaf{color:#fff;background:var(--palm-dark);box-shadow:0 12px 28px #3f6b2838}.btn--leaf:hover{background:var(--palm);box-shadow:0 16px 36px #3f6b2847}.contact__social{flex-wrap:wrap;justify-content:center;gap:8px 22px;display:flex}.contact__social a{color:var(--muted);font-size:.92rem;font-weight:500;transition:color .2s}.contact__social a:hover{color:var(--ink)}.footer{text-align:center;color:var(--muted);padding:28px 24px 48px;font-size:.84rem}.footer p{margin:0}.footer__sep{opacity:.5;margin:0 .45em}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-pulse{0%,to{opacity:.35;transform:translateY(-3px)}50%{opacity:1;transform:translateY(4px)}}@media (width<=768px){.about__grid{grid-template-columns:1fr;gap:36px}.section{padding:72px 24px}.project-card{padding:24px 22px 22px}}@media (width<=520px){.leaf-nav{width:max-content;max-width:calc(100% - 24px);inset:auto auto 16px 50%;transform:translate(-50%)}.leaf-nav__link{padding:10px 12px;font-size:.8rem}.hero{padding:72px 20px 100px}.section{padding:64px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}