:root{--bg-950: #0b0d12;--bg-900: #11141b;--bg-800: #171c26;--surface-700: #1f2532;--surface-600: #252f40;--text-100: #f5f7ff;--text-300: #d5dcef;--text-400: #aab6d2;--accent-500: #c3073f;--accent-400: #fc466b;--accent-300: #ff6f90;--mint-400: #2ee5b7;--shadow-soft: 0 10px 30px rgba(0, 0, 0, .25);--shadow-strong: 0 24px 60px rgba(0, 0, 0, .38);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--max-width: 1160px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-100);font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 10% -10%,rgba(252,70,107,.16),transparent 34%),radial-gradient(circle at 90% 10%,rgba(46,229,183,.12),transparent 32%),linear-gradient(170deg,var(--bg-950),var(--bg-900) 35%,var(--bg-800));background-attachment:fixed}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding-left:1.2rem}button,input{font:inherit}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1}.container{width:min(100% - 2rem,var(--max-width));margin-inline:auto}.section{padding:clamp(3rem,7vw,5.25rem) 0}.section-header{display:grid;gap:.8rem;margin-bottom:2rem}.section-eyebrow,.eyebrow{display:inline-flex;width:fit-content;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mint-400);padding:.35rem .7rem;border:1px solid rgba(46,229,183,.35);border-radius:999px}.section-title,.hero-title{font-family:Sora,IBM Plex Sans,sans-serif;line-height:1.1;letter-spacing:-.02em}.section-title{font-size:clamp(1.7rem,3.3vw,2.4rem)}.section-subtitle,.hero-subtitle,.muted{color:var(--text-300);line-height:1.7}.hero{padding-top:clamp(2rem,4vw,3rem)}.hero-grid{display:grid;gap:2.2rem;grid-template-columns:1.1fr .9fr;align-items:center}.hero-copy{display:grid;gap:1.35rem}.hero-title{font-size:clamp(2rem,5vw,3.3rem);max-width:20ch}.hero-subtitle{max-width:66ch}.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}.hero-stats{margin-top:.4rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.stat-card{background:linear-gradient(145deg,#252f40bf,#181f2be6);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-soft)}.stat-card h3{color:var(--text-100);font-family:Sora,IBM Plex Sans,sans-serif;font-size:1.03rem;margin-bottom:.3rem}.stat-card p{color:var(--text-400);font-size:.92rem;line-height:1.5}.hero-visual{display:flex;justify-content:center}.profile-frame{width:min(420px,100%);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.18);background:linear-gradient(160deg,#fc466b26,#2ee5b724);box-shadow:var(--shadow-strong);padding:.7rem}.profile-image{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:46% center;border-radius:calc(var(--radius-lg) - 6px)}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.value-card,.surface-card{background:linear-gradient(150deg,#232b3ccc,#161c26f0);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:1.15rem;box-shadow:var(--shadow-soft)}.value-card h3,.surface-card h3{font-family:Sora,IBM Plex Sans,sans-serif;font-size:1.03rem;margin-bottom:.45rem}.value-card p{color:var(--text-300);line-height:1.6}.project-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.project-grid-masonry{display:block;column-count:2;column-gap:1rem}.project-grid-masonry .project-card{width:100%;break-inside:avoid;margin:0 0 1rem}.project-card{background:linear-gradient(170deg,#232b3cd1,#161c26f2);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:.9rem;display:grid;gap:.9rem;align-self:start;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-4px);border-color:#fc466b8c;box-shadow:0 18px 35px #00000059}.project-card-no-media{gap:.75rem}.project-media{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0000002e}.project-media-video,.project-media-image{width:100%;display:block;max-height:260px;object-fit:cover}.project-media-gallery:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.75))}.gallery-count{position:absolute;right:.65rem;bottom:.65rem;z-index:1;font-size:.78rem;font-weight:700;color:#fff;padding:.22rem .5rem;border-radius:999px;background:#00000073}.project-labels{display:flex;gap:.45rem;flex-wrap:wrap}.project-category{font-size:.74rem;letter-spacing:.08em;font-weight:700;text-transform:uppercase;color:var(--accent-300)}.project-status{font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--mint-400);border:1px solid rgba(46,229,183,.4);border-radius:999px;padding:.16rem .45rem}.project-head h3{margin-top:.35rem;font-size:1.12rem}.project-summary,.project-impact{color:var(--text-300);line-height:1.65}.project-impact{color:#e4ebff}.project-stack{display:flex;gap:.45rem;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}.pill{padding:.28rem .58rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:var(--text-300);font-size:.78rem;display:inline-flex;align-items:center;flex:0 0 auto}.project-actions,.inline-actions,.doc-actions,.center-row{display:flex;flex-wrap:wrap;gap:.6rem}.doc-actions,.contact-actions{margin-top:.75rem}.center-row{justify-content:center;margin-top:1.5rem}.btn{border:1px solid transparent;border-radius:12px;padding:.62rem .95rem;text-decoration:none;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary{color:#fff;background:linear-gradient(90deg,var(--accent-500),var(--accent-400))}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{color:var(--text-100);border-color:#ffffff40;background:#ffffff08}.btn-ghost:hover{border-color:#fc466bbf;color:#fff}.projects-toolbar{display:grid;gap:.9rem;margin-bottom:1rem}.portfolio-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.mini-stat{border-radius:12px;padding:.75rem;border:1px solid rgba(255,255,255,.12);background:#ffffff08}.mini-stat h3{margin-bottom:.2rem;font-family:Sora,IBM Plex Sans,sans-serif}.mini-stat p{color:var(--text-400);font-size:.85rem}.filter-label{margin-bottom:.45rem;color:var(--text-400);font-size:.82rem;text-transform:uppercase;letter-spacing:.07em}.filter-group{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:1px solid rgba(255,255,255,.25);background:#ffffff08;color:var(--text-300);border-radius:999px;padding:.43rem .76rem;cursor:pointer}.chip:hover{border-color:#fc466b99;color:var(--text-100)}.chip-active{border-color:transparent;color:#fff;background:linear-gradient(90deg,var(--accent-500),var(--accent-400))}.search-wrap{display:flex;width:min(440px,100%)}.toolbar-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.search-input{width:min(420px,100%);border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#0000002e;color:var(--text-100);padding:.62rem .75rem}.search-input:focus-visible,.btn:focus-visible,.chip:focus-visible,.menu-toggle:focus-visible,.nav-link:focus-visible,.mobile-link:focus-visible,.footer-link:focus-visible{outline:2px solid var(--mint-400);outline-offset:2px}.result-count,.empty-state{color:var(--text-400);margin:.4rem 0 1rem}.timeline-list{display:grid;gap:.95rem}.timeline-item{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr);gap:1rem;background:linear-gradient(160deg,#232b3ccc,#161c26f2);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:1rem}.timeline-period{color:var(--mint-400);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem}.timeline-org{color:var(--text-400);margin-top:.22rem}.timeline-points{display:grid;gap:.52rem;color:var(--text-300);line-height:1.6}.credential-grid,.contact-grid,.skill-columns{display:grid;gap:1rem}.credential-grid,.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.skill-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-list{display:grid;gap:.48rem;color:var(--text-300);line-height:1.6}.skill-tags{display:flex;flex-wrap:wrap;gap:.62rem;margin-top:.7rem;align-items:flex-start;align-content:flex-start}.footer-shell{border-top:1px solid rgba(255,255,255,.12);background:#090b0fbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-top:1rem}.footer-grid{padding:1.5rem 0;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1rem}.footer-name{font-family:Sora,IBM Plex Sans,sans-serif;font-size:1.1rem;margin-bottom:.35rem}.footer-copy{color:var(--text-400);line-height:1.6;max-width:48ch}.footer-links{display:grid;gap:.45rem;align-content:start}.footer-link{text-decoration:none;color:var(--text-300)}.footer-link:hover{color:var(--text-100)}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:.9rem 0 1.2rem;color:var(--text-400);font-size:.9rem}.nav-shell{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.11);background:#0b0e13d6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-inner{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:0;object-fit:contain}.brand-text{font-family:Sora,IBM Plex Sans,sans-serif;font-weight:700;font-size:.98rem;letter-spacing:.02em}.nav-links{justify-self:center;display:inline-flex;gap:1.1rem}.nav-link,.mobile-link{text-decoration:none;color:var(--text-300);font-weight:500}.nav-link:hover,.mobile-link:hover{color:var(--text-100)}.nav-link-active,.mobile-link-active{color:#fff}.nav-actions{justify-self:end}.menu-toggle{border:1px solid rgba(255,255,255,.22);color:var(--text-100);background:#ffffff0a;border-radius:10px;padding:.4rem .55rem .4rem .78rem;display:inline-flex;align-items:center;gap:.4rem;justify-self:end;width:auto;min-width:0}.menu-label{font-size:.86rem;line-height:1;min-width:2.45rem;text-align:center}.menu-icon{width:18px;display:inline-flex;flex-direction:column;gap:4px}.menu-icon span{display:block;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.menu-icon-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-icon-open span:nth-child(2){opacity:0}.menu-icon-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-panel{max-height:0;overflow:hidden;border-top:1px solid transparent;transition:max-height .25s ease}.mobile-panel-open{max-height:380px;border-top-color:#ffffff1f}.mobile-nav{width:min(100% - 2rem,var(--max-width));margin-inline:auto;padding:.9rem 0 1rem;display:grid;gap:.85rem}.mobile-resume{margin-top:.3rem}.desktop-only{display:inline-flex}.mobile-only{display:none}.center-block{text-align:center;display:grid;gap:1rem;justify-items:center}@media(max-width:1050px){.hero-grid,.project-grid,.portfolio-metrics,.credential-grid,.contact-grid,.skill-columns,.value-grid,.footer-grid,.timeline-item{grid-template-columns:1fr}.hero-title{max-width:24ch}}@media(max-width:900px){.project-grid-masonry{column-count:1}}@media(max-width:900px){.desktop-only{display:none}.mobile-only{display:inline-flex}.mobile-panel.mobile-only{display:block}.nav-inner{grid-template-columns:auto 1fr auto}}@media(max-width:640px){.hero-stats{grid-template-columns:1fr}.toolbar-row,.search-wrap{width:100%}.hero-title{max-width:none}.btn{width:100%}.project-actions .btn,.inline-actions .btn,.doc-actions .btn,.hero-cta .btn{width:auto}}