@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Syne:wght@600;700;800&display=swap";:root{--font-display:"Syne", sans-serif;--font-body:"Figtree", sans-serif;--paper:#eef2ec;--paper-deep:#e3e9e1;--ink:#14201c;--muted:#5d6b66;--accent:#0f766e;--hero-ink:#f3f7f5;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:var(--paper)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 90% 50% at 0% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 50%), var(--paper);min-width:320px;min-height:100vh;margin:0}#app{min-height:100vh}img{max-width:100%;display:block}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:color-mix(in srgb, var(--accent) 35%, white);color:var(--ink)}.page{min-height:100vh}.nav{z-index:20;color:var(--hero-ink);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.1rem clamp(1.25rem,4vw,3rem);transition:background .35s,color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s,box-shadow .35s;display:flex;position:fixed;inset:0 0 auto}.nav--solid{color:var(--ink);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 8%, transparent)}.nav__brand{font-family:var(--font-display);letter-spacing:-.03em;color:inherit;font-size:1.05rem;font-weight:700;text-decoration:none}.nav__links{gap:clamp(1rem,3vw,1.75rem);display:flex}.nav__links a{color:inherit;opacity:.82;font-size:.92rem;text-decoration:none;transition:opacity .2s}.nav__links a:hover{opacity:1}.hero{min-height:100svh;color:var(--hero-ink);align-items:end;display:grid;position:relative;overflow:hidden}.hero__media{z-index:0;position:absolute;inset:0}.hero__photo{background:linear-gradient(125deg,#122a308c 0%,#122a3026 45%,#08141873 100%),url(https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=2400&q=80) 50%/cover no-repeat;animation:18s ease-in-out infinite alternate hero-drift;position:absolute;inset:0;transform:scale(1.06)}.hero__veil{background:radial-gradient(70% 55% at 20% 80%,#0c1c208c,#0000 70%),linear-gradient(#0810122e 0%,#08101247 58%,#081012b8 100%);position:absolute;inset:0}.hero__grain{opacity:.18;mix-blend-mode:soft-light;pointer-events:none;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}.hero__content{z-index:1;width:min(720px,100%);padding:clamp(5.5rem,12vh,7rem) clamp(1.25rem,4vw,3rem) clamp(2.5rem,7vh,4.5rem);position:relative}.hero__brand{font-family:var(--font-display);letter-spacing:-.05em;margin:0 0 .85rem;font-size:clamp(2.8rem,9vw,5.6rem);font-weight:800;line-height:.92;animation:.9s cubic-bezier(.22,1,.36,1) both rise}.hero__title{max-width:18ch;font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:600;line-height:1.25;animation:.9s cubic-bezier(.22,1,.36,1) .12s both rise}.hero__tagline{max-width:36ch;color:color-mix(in srgb, var(--hero-ink) 82%, transparent);margin:0 0 1.75rem;font-size:clamp(1rem,2.1vw,1.12rem);line-height:1.55;animation:.9s cubic-bezier(.22,1,.36,1) .22s both rise}.hero__actions{flex-wrap:wrap;gap:.75rem 1rem;animation:.9s cubic-bezier(.22,1,.36,1) .32s both rise;display:flex}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:2.85rem;padding:.7rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--accent);color:#f4faf9}.btn--primary:hover{background:color-mix(in srgb, var(--accent) 88%, #fff)}.btn--ghost{border-color:color-mix(in srgb, var(--hero-ink) 45%, transparent);color:var(--hero-ink);background:color-mix(in srgb, var(--hero-ink) 8%, transparent)}.btn--ghost:hover{border-color:color-mix(in srgb, var(--hero-ink) 70%, transparent);background:color-mix(in srgb, var(--hero-ink) 14%, transparent)}.section{padding:clamp(4.5rem,12vh,7.5rem) 0}.section__inner{width:min(1080px,100% - clamp(2.5rem,8vw,6rem));margin-inline:auto}.section__inner--narrow{width:min(640px,100% - clamp(2.5rem,8vw,6rem))}.section__label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .85rem;font-size:.8rem;font-weight:600}.section__heading{max-width:18ch;font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:0 0 1.25rem;font-size:clamp(1.85rem,4.2vw,2.75rem);font-weight:700;line-height:1.08}.section__text{max-width:52ch;color:color-mix(in srgb, var(--ink) 78%, transparent);margin:0;font-size:1.08rem;line-height:1.65}.section--about{background:radial-gradient(ellipse 80% 60% at 100% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 55%), var(--paper)}.skills{flex-wrap:wrap;gap:.55rem .7rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.skills li{color:var(--ink);border-bottom:1px solid color-mix(in srgb, var(--ink) 22%, transparent);padding-bottom:.15rem;font-size:.92rem}.section--work{background:linear-gradient(180deg, color-mix(in srgb, var(--paper-deep) 100%, transparent), var(--paper))}.projects{gap:0;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.project{border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent);grid-template-columns:minmax(0,1fr);gap:.55rem;padding:1.6rem 0;display:grid}.project:last-child{border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}.project__meta{color:var(--muted);flex-wrap:wrap;gap:.65rem 1.25rem;font-size:.86rem;display:flex}.project__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(1.35rem,2.6vw,1.7rem);font-weight:700}.project__desc{max-width:48ch;color:color-mix(in srgb, var(--ink) 72%, transparent);margin:0;line-height:1.55}.section--contact{background:radial-gradient(circle at 10% 20%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 42%), var(--paper-deep)}.contact-links{flex-direction:column;gap:.85rem;margin-top:2rem;display:flex}.contact-link{width:fit-content;font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);border-bottom:2px solid color-mix(in srgb, var(--accent) 70%, transparent);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700;text-decoration:none;transition:color .2s,border-color .2s}.contact-link:hover{color:var(--accent);border-color:var(--accent)}.footer{color:var(--muted);background:var(--paper-deep);border-top:1px solid color-mix(in srgb, var(--ink) 8%, transparent);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.4rem clamp(1.25rem,4vw,3rem) 2rem;font-size:.88rem;display:flex}.reveal{opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes hero-drift{0%{transform:scale(1.06)translate(0,0)}to{transform:scale(1.12)translate(-1.5%,-1%)}}@media (prefers-reduced-motion:reduce){.hero__photo,.hero__brand,.hero__title,.hero__tagline,.hero__actions,.reveal{opacity:1;transform:none;transition:none!important;animation:none!important}}@media (width>=820px){.project{grid-template-rows:auto auto;grid-template-columns:180px minmax(0,1fr);align-items:start;column-gap:2rem}.project__meta{flex-direction:column;grid-row:1/span 2;gap:.35rem;padding-top:.35rem}.project__title,.project__desc{grid-column:2}}