:root{--bg:#faf7f2;--surface:#fffcf8;--ink:#1c1915;--muted:#5e574f;--border:#e8e1d8;--border-strong:#cfc6ba;--accent:#b54a28;--accent-warm:#c9783a;--mouse-x:50vw;--mouse-y:50vh;--font-display:"Literata", Georgia, "Times New Roman", serif;--font-sans:"Epilogue", system-ui, sans-serif;--content-max:72rem;font-family:var(--font-sans);color:var(--muted);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%;line-height:1.5}*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.site-header{--header-purple:#5d3fd3;--header-purple-deep:#4c34ad;--header-fg:#f8fafc;--header-fg-muted:#f8fafcc7;z-index:50;background:var(--header-purple);border-bottom:1px solid var(--header-purple-deep);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:min(123rem,100%);min-height:7.5rem;margin:0 auto;padding:1.75rem 1rem;display:flex}.site-header__logo{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;flex-shrink:0;align-items:center;font-size:2.1rem;font-weight:600;text-decoration:none;display:inline-flex}.site-header__logo:hover{color:#fef9c3}.site-header__menu-btn{cursor:pointer;width:2.5rem;height:2.5rem;color:var(--header-fg);background:#ffffff1f;border:1px solid #ffffff61;border-radius:10px;justify-content:center;align-items:center;padding:0;display:none}.site-header__menu-btn:hover{background:#ffffff2e;border-color:#ffffff8c}.site-header__menu-btn:focus-visible{outline-offset:2px;outline:2px solid #fef9c3}.site-header__burger{background:currentColor;border-radius:1px;width:1.125rem;height:2px;position:relative}.site-header__burger:before,.site-header__burger:after{content:"";background:currentColor;border-radius:1px;width:100%;height:2px;transition:transform .2s,top .2s,opacity .2s;position:absolute;left:0}.site-header__burger:before{top:-6px}.site-header__burger:after{top:6px}.site-header__burger[data-open=true]{background:0 0}.site-header__burger[data-open=true]:before{top:0;transform:rotate(45deg)}.site-header__burger[data-open=true]:after{top:0;transform:rotate(-45deg)}.site-header__nav ul{margin:0;padding:0;list-style:none}.site-header__links{align-items:center;gap:.25rem 1.75rem;display:flex}.site-header__link{font-family:var(--font-sans);color:#fff;align-items:center;gap:.5rem;padding:.35rem 0;font-size:1.4rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.site-header__link-icon{object-fit:contain;flex-shrink:0;width:2.2rem;height:2.2rem}.site-header__link:after{content:"";transform-origin:0;background:#fef9c3;width:100%;height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.site-header__link:hover{color:var(--header-fg)}.site-header__link:hover:after,.site-header__link:focus-visible:after{transform:scaleX(1)}.site-header__link:focus-visible{color:var(--header-fg);outline:none}@media (width<=768px){.site-header__menu-btn{display:inline-flex}.site-header__nav{background:color-mix(in srgb, var(--header-purple) 94%, black);opacity:0;visibility:hidden;padding:1.5rem;transition:transform .25s,opacity .25s,visibility .25s;position:fixed;inset:7.5rem 0 0;transform:translateY(-100%)}.site-header__nav[data-open=true]{opacity:1;visibility:visible;transform:translateY(0)}.site-header__links{flex-direction:column;align-items:stretch;gap:0}.site-header__link{border-bottom:1px solid #ffffff2e;padding:1rem 0;font-size:1.125rem;display:flex}.site-header__link-icon{width:1.35rem;height:1.35rem}.site-header__link:after{display:none}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{--tw-bg-opacity:1;background:linear-gradient(#080e20,#020617);padding:clamp(3rem,8vw,5.5rem) 1.5rem clamp(4rem,12vw,7rem);position:relative;overflow:hidden}.hero__glow{pointer-events:none;opacity:.95;background:radial-gradient(80% 60% at 70% 20%,#94a3b824,#0000 70%),radial-gradient(50% 45% at 15% 60%,#f8fafc0f,#0000 65%);height:min(70vh,520px);position:absolute;inset:-40% -20% auto}.hero__inner{max-width:var(--content-max);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);margin:0 auto;display:grid;position:relative}.hero__content{min-width:0}.hero__photo-wrap{aspect-ratio:1;background:linear-gradient(145deg,#fbbf24e6,#f8fafccc 45%,#94a3b8a6);border-radius:50%;width:clamp(180px,26vw,420px);padding:clamp(.35rem,1vw,.6rem);box-shadow:0 16px 40px #00000059,0 0 0 1px #ffffff40}.hero__photo{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.hero__eyebrow{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#fbbf24f2;margin:0 0 1rem;font-size:.8125rem;font-weight:600}.hero__title{max-width:14ch;font-family:var(--font-display);letter-spacing:-.03em;color:#f8fafc;margin:0 0 1.25rem;font-size:clamp(2.35rem,5.5vw,3.65rem);font-weight:600;line-height:1.08}.hero__lede{max-width:38rem;font-family:var(--font-sans);color:#cbd5e1;margin:0 0 2.25rem;font-size:clamp(1rem,1.35vw,1.125rem);line-height:1.65}.hero__actions{flex-wrap:wrap;gap:.75rem 1rem;display:flex}.hero__btn{min-height:2.75rem;font-family:var(--font-sans);border-radius:999px;justify-content:center;align-items:center;padding:0 1.35rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s;display:inline-flex}.hero__btn--primary{color:#0f172a;background:#f8fafc;border:2px solid #f8fafc;box-shadow:0 4px 24px #00000040}.hero__btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 32px #00000059}.hero__btn--primary:focus-visible{outline-offset:3px;outline:2px solid #fbbf24}.hero__btn--ghost{color:#f8fafc;background:0 0;border:2px solid #94a3b88c}.hero__btn--ghost:hover{color:#fde68a;border-color:#fbbf24cc}.hero__btn--ghost:focus-visible{outline-offset:3px;outline:2px solid #fbbf24}@media (width<=900px){.hero__inner{grid-template-columns:1fr;justify-items:start}.hero__photo-wrap{width:clamp(150px,46vw,260px)}}.section-card{background:linear-gradient(#0f172aeb,#0f172ad6),radial-gradient(circle at 0 0,#94a3b826,#0000 52%);border:4px solid #5d3fd3b0;border-radius:16px;padding:1.25rem;transition:box-shadow .18s,transform .18s;position:relative;overflow:hidden;box-shadow:0 12px 34px #0003,0 0 0 1px #5d3fd34d,0 0 24px #5d3fd347}.section-card:before{content:"";filter:blur(18px);opacity:.45;pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 15%,#5d3fd359,#0000 55%),radial-gradient(circle at 70% 85%,#94a3b81a,#0000 60%);border-radius:22px;transition:opacity .18s,transform .18s;animation:10s ease-in-out infinite section-card-glow-pulse;position:absolute;inset:-28px;transform:translateY(0)scale(1)}.section-card>*{z-index:1;position:relative}.section-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #00000042,0 0 0 1px #5d3fd373,0 0 34px #5d3fd366}.section-card:hover:before{opacity:.62;transform:translateY(-3px)scale(1.04)}@keyframes section-card-glow-pulse{0%,to{opacity:.45;transform:translateY(0)scale(1)}50%{opacity:.65;transform:translateY(-6px)scale(1.06)}}.section-pill{font-family:var(--font-sans);color:#c4b5fd;--chip-rgb:167 139 250;box-shadow:none;z-index:0;background:#0f172ad6;border:2px solid #a78bfa94;border-radius:999px;padding:.33rem 1rem;font-size:.82rem;font-weight:600;position:relative}.section-pill:before{content:"";background:radial-gradient(circle at 50% 50%, rgb(var(--chip-rgb) / 35%), transparent 62%);filter:blur(12px);opacity:.38;pointer-events:none;z-index:-1;border-radius:999px;transition:opacity .18s,transform .18s;animation:12s ease-in-out infinite section-pill-glow-pulse;position:absolute;inset:-8px;transform:translateY(0)scale(.98)}.section-pill:hover:before{opacity:.6;transform:translateY(-1px)scale(1.06)}.section-pill:nth-child(6n+2){color:#67e8f9;--chip-rgb:34 211 238;border-color:#22d3ee99}.section-pill:nth-child(6n+3){color:#6ee7b7;--chip-rgb:52 211 153;border-color:#34d39994}.section-pill:nth-child(6n+4){color:#f9a8d4;--chip-rgb:244 114 182;border-color:#f472b694}.section-pill:nth-child(6n+5){color:#fbbf24;--chip-rgb:245 158 11;border-color:#f59e0b99}.section-pill:nth-child(6n){color:#93c5fd;--chip-rgb:96 165 250;border-color:#60a5fa94}@keyframes section-pill-glow-pulse{0%,to{opacity:.34;transform:translateY(0)scale(.98)}50%{opacity:.58;transform:translateY(-4px)scale(1.05)}}@media (prefers-reduced-motion:reduce){.section-card:before,.section-pill:before{animation:none}}@media (width<=720px){.section-card{padding:1.1rem}}.projects{background:#020617;padding:clamp(3rem,8vw,6rem) 1.5rem}.projects__inner{max-width:var(--content-max);margin:0 auto}.projects__header{max-width:52rem;margin-bottom:clamp(1.75rem,3vw,2.75rem)}.projects__eyebrow{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#fbbf24f2;margin:0 0 .85rem;font-size:.8rem;font-weight:700}.projects__title{font-family:var(--font-display);letter-spacing:-.02em;color:#f8fafc;margin:0 0 .85rem;font-size:clamp(1.9rem,4vw,2.65rem);line-height:1.1}.projects__lede{font-family:var(--font-sans);color:#cbd5e1;margin:0;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.65}.projects__grid{grid-template-columns:1fr;gap:1.2rem;display:grid}.project-card{grid-template-columns:minmax(250px,340px) minmax(0,1fr);align-items:stretch;gap:1rem;padding:1rem;display:grid}.project-card__media{background:linear-gradient(160deg,#1e293bf5,#0f172ae0),radial-gradient(circle at 0 0,#60a5fa29,#0000 48%);border:1px solid #94a3b82e;border-radius:12px;min-height:230px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 10px 24px #02061747}.project-card{align-items:start}.project-card__media{aspect-ratio:16/10;min-height:0}.project-card__image,.project-card__placeholder{width:100%;height:100%;display:block}.project-card__image{object-fit:cover;transition:transform .22s,filter .22s}.project-card__placeholder{background:radial-gradient(circle at 15% 20%,#fbbf242e,#0000 26%),radial-gradient(circle at 82% 78%,#22d3ee2e,#0000 32%),linear-gradient(#0f172a,#020617);padding:.9rem;position:relative}.project-card__placeholder-bar{background:#94a3b847;border-radius:999px;width:4.2rem;height:.72rem}.project-card__placeholder-screen{background:linear-gradient(#0f172a85,#0f172ad6),linear-gradient(140deg,#3b82f633,#8b5cf624);border:1px solid #ffffff1a;border-radius:12px;align-content:end;gap:.8rem;padding:1rem;display:grid;position:absolute;inset:2.5rem 1rem 1rem;box-shadow:inset 0 1px #ffffff0d}.project-card__placeholder-chip{width:fit-content;font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#fde047;background:#fbbf2424;border:1px solid #fbbf2459;border-radius:999px;padding:.3rem .72rem;font-size:.75rem;font-weight:700}.project-card__placeholder-title{font-family:var(--font-display);color:#f8fafc;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.1}.project-card__content{flex-direction:column;gap:1rem;min-width:0;display:flex}.project-card__title{font-family:var(--font-display);color:#f8fafc;margin:0;font-size:1.25rem}.project-card__summary{font-family:var(--font-sans);white-space:pre-line;color:#cbd5e1;margin:0;line-height:1.6}.project-card__stack{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.project-card__actions{flex-wrap:wrap;gap:.65rem;margin-top:auto;display:flex}.project-card__link{min-height:2.3rem;font-family:var(--font-sans);color:#f8fafc;border:1px solid #94a3b873;border-radius:999px;justify-content:center;align-items:center;padding:0 .9rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;display:inline-flex}.project-card__link:hover{border-color:#fbbf24b3;transform:translateY(-1px)}.project-card__link:focus-visible{outline-offset:3px;outline:2px solid #fbbf24}.project-card__link--primary{color:#0f172a;background:#f8fafc;border-color:#f8fafceb}.project-card__link--primary:hover{background:#fff;border-color:#f8fafc}@media (width<=860px){.project-card{grid-template-columns:1fr}.project-card__media{min-height:210px}}@media (width<=560px){.project-card__media{min-height:180px}}.skills{background:linear-gradient(#020617,#080e20);padding:clamp(3rem,8vw,6rem) 1.5rem}.skills__inner{max-width:var(--content-max);margin:0 auto}.skills__header{max-width:52rem;margin-bottom:clamp(1.75rem,3vw,2.75rem)}.skills__eyebrow{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#fbbf24f2;margin:0 0 .85rem;font-size:.8rem;font-weight:700}.skills__title{font-family:var(--font-display);letter-spacing:-.02em;color:#f8fafc;margin:0 0 .85rem;font-size:clamp(1.9rem,4vw,2.65rem);line-height:1.1}.skills__lede{font-family:var(--font-sans);color:#cbd5e1;margin:0;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.65}.skills__grid{grid-template-columns:1fr;gap:1rem;display:grid}.skills-card__title{font-family:var(--font-display);color:#f8fafc;margin:0 0 .9rem;font-size:1.15rem}.skills-card__list{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.contact{background:linear-gradient(#080e20,#020617);padding:clamp(3rem,8vw,6rem) 1.5rem}.contact__inner{max-width:var(--content-max);margin:0 auto}.contact__header{max-width:52rem;margin-bottom:clamp(1.75rem,3vw,2.75rem)}.contact__eyebrow{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#fbbf24f2;margin:0 0 .85rem;font-size:.8rem;font-weight:700}.contact__title{font-family:var(--font-display);letter-spacing:-.02em;color:#f8fafc;margin:0 0 .85rem;font-size:clamp(1.9rem,4vw,2.65rem);line-height:1.1}.contact__lede{font-family:var(--font-sans);color:#cbd5e1;margin:0;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.65}.contact__grid{grid-template-columns:1fr;gap:1rem;display:grid}.contact-card{background:linear-gradient(#0f172aeb,#0f172ad6),radial-gradient(circle at 0 0,#94a3b826,#0000 52%);border:4px solid #5d3fd3b0;border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem;transition:box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 34px #0003,0 0 0 1px #5d3fd34d,0 0 24px #5d3fd347}.contact-card:before{content:"";filter:blur(18px);opacity:.45;pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 15%,#5d3fd359,#0000 55%),radial-gradient(circle at 70% 85%,#94a3b81a,#0000 60%);border-radius:22px;transition:opacity .18s,transform .18s;animation:10s ease-in-out infinite skills-card-glow-pulse;position:absolute;inset:-28px;transform:translateY(0)scale(1)}.contact-card>*{z-index:1;position:relative}.contact-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #00000042,0 0 0 1px #5d3fd373,0 0 34px #5d3fd366}.contact-card:hover:before{opacity:.65;transform:translateY(-3px)scale(1.04)}.contact-card__title{font-family:var(--font-display);color:#f8fafc;margin:0;font-size:1.25rem}.contact-card__text{font-family:var(--font-sans);color:#cbd5e1;margin:0;line-height:1.6}.contact-card__btn{width:fit-content;min-height:2.5rem;font-family:var(--font-sans);border:1px solid #94a3b873;border-radius:999px;justify-content:center;align-items:center;margin-top:auto;padding:0 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;display:inline-flex}.contact-card__btn--primary{color:#0f172a;background:#f8fafc;border-color:#f8fafceb}.contact-card__btn--primary:hover{background:#fff;border-color:#f8fafc;transform:translateY(-1px)}.contact-card__btn:focus-visible,.contact-card__link:focus-visible{outline-offset:3px;outline:2px solid #fbbf24}.contact-form{flex-direction:column;gap:.95rem;display:flex}.contact-form__hp{opacity:0;pointer-events:none;position:absolute;left:-9999px}.contact-form__row{flex-direction:column;gap:.45rem;display:flex}.contact-form__label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:.8rem}.contact-form__input,.contact-form__textarea{color:#f8fafc;width:100%;font-family:var(--font-sans);resize:vertical;background:#0f172ab3;border:1px solid #94a3b84d;border-radius:12px;padding:.85rem .95rem;font-size:1rem;line-height:1.4;transition:border-color .15s,box-shadow .15s}.contact-form__textarea{min-height:8rem}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:#94a3b8b8}.contact-form__input:focus-visible,.contact-form__textarea:focus-visible{border-color:#fbbf24;outline:none;box-shadow:0 0 0 3px #fbbf242e}.contact-form__submit{align-self:flex-start;width:fit-content;margin-top:0}.contact-form__status{margin:0;font-size:.9rem;line-height:1.45}.contact-form__status--success{color:#86efac}.contact-form__status--error{color:#fca5a5}@media (prefers-reduced-motion:reduce){.contact-card:before{animation:none}}@media (width<=720px){.contact__grid{grid-template-columns:1fr}.contact-card{padding:1.1rem}}.site-footer{background:linear-gradient(#020617,#010412);border-top:1px solid #94a3b83d;padding:1.1rem 1.5rem 1.25rem}.site-footer__inner{max-width:var(--content-max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem 1.5rem;margin:0 auto;display:flex}.site-footer__copy{font-family:var(--font-sans);color:#94a3b8;margin:0;font-size:.92rem}.site-footer__nav{align-items:center;gap:.9rem;display:inline-flex}.site-footer__link{font-family:var(--font-sans);color:#e2e8f0;border-bottom:1px solid #0000;font-size:.92rem;text-decoration:none;transition:color .15s,border-color .15s}.site-footer__link:hover{color:#fbbf24;border-bottom-color:#fbbf24cc}.site-footer__link:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #fbbf24}.app{isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative}.app:before{content:"";pointer-events:none;z-index:999;background:radial-gradient(.1rem circle at var(--mouse-x) var(--mouse-y),  #e9e8e429, transparent 70%), radial-gradient(18rem circle at var(--mouse-x) var(--mouse-y),  #c4b5fd1f, transparent 72%);opacity:1;mix-blend-mode:screen;position:fixed;inset:0}.app main{flex:1}