:root{--bg: #f6f8fb;--bg-strong: #ffffff;--text: #102033;--text-muted: #4f5f72;--brand: #0f5e9c;--brand-strong: #0a4a7a;--border: #dbe4ee;--radius: 16px;--shadow-soft: 0 12px 30px rgba(16, 32, 51, .08);--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem}.site{color:var(--text)}.container{width:min(100% - 2rem,1160px);margin-inline:auto}.skip-link{position:absolute;left:1rem;top:-100px;z-index:999;padding:.75rem 1rem;background:#fff;color:var(--text);border-radius:.75rem;border:1px solid var(--border)}.skip-link:focus-visible{top:1rem}.site-header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f6f8fbeb;border-bottom:1px solid var(--border)}.header-inner{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.brand{font-size:1.1rem;font-weight:700;text-decoration:none;color:var(--text)}.nav-list{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:var(--space-4)}.nav-list a{color:var(--text);text-decoration:none;font-weight:500}.section{padding:var(--space-6) 0}.section-head{margin-bottom:var(--space-4)}.section-head h2{margin:0;font-size:clamp(1.6rem,1.8vw,2rem);letter-spacing:.01em}.section-head p{margin:var(--space-2) 0 0;color:var(--text-muted)}.section-head h2:after{content:"";display:block;width:72px;height:3px;border-radius:999px;background:var(--brand);margin-top:.65rem}.hero{padding-top:4rem}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:var(--space-5);align-items:center}.eyebrow{margin:0 0 var(--space-2);font-weight:600;color:var(--brand)}.hero-content h1{margin:0 0 var(--space-3);font-size:clamp(2rem,4vw,3rem);line-height:1.15}.hero-summary{margin:0 0 var(--space-4);color:var(--text-muted);max-width:62ch}.cta-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;font-weight:600;border:1px solid transparent;padding:.7rem 1rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-strong)}.btn-secondary{background:var(--bg-strong);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:#bfcddd;background:#f8fbff}.btn-small{padding:.55rem .9rem;font-size:.95rem}.hero-media{border-radius:var(--radius);box-shadow:var(--shadow-soft);border:1px solid var(--border);background:#fff;overflow:hidden}.hero-video{width:100%;height:100%;aspect-ratio:16 / 10;object-fit:cover}.card{background:var(--bg-strong);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:var(--space-4)}.inline-contact{margin-top:var(--space-3);display:flex;gap:var(--space-4);flex-wrap:wrap}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:stretch}.project-card{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.project-image-wrap{aspect-ratio:16 / 9;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#eef5fb,#dfeaf5);border:1px solid var(--border);box-shadow:inset 0 1px #ffffffa6}.project-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.project-card:hover{border-color:#c7d8e7}.project-card:hover .project-image{transform:scale(1.04);filter:saturate(1.06) contrast(1.02)}.project-card h3{margin:0;font-size:1.2rem;line-height:1.3}.project-card .card-actions{margin-top:auto;display:flex;align-items:flex-end}.badge-row{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0}.badge{display:inline-block;font-size:.8rem;font-weight:600;background:#eaf3fb;color:#164466;border:1px solid #d2e5f6;border-radius:999px;padding:.32rem .62rem}.impact-list{margin:0;padding-left:1.1rem;color:#27384a;line-height:1.55}.project-card .impact-list{display:grid;gap:.55rem}.architecture-block{border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#f8fbfe,#f2f7fb);padding:var(--space-3)}.architecture-block h4{margin:0 0 var(--space-2);font-size:.95rem;letter-spacing:.02em;text-transform:uppercase;color:var(--brand)}.architecture-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.architecture-list li{display:grid;gap:.15rem}.architecture-list span{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.architecture-list strong{font-size:.95rem;line-height:1.45;font-weight:600;color:var(--text)}.impact-list li+li{margin-top:0}.card-actions{margin-top:var(--space-2);display:flex;gap:var(--space-2);justify-content:center}.card-actions .btn{min-width:8.5rem}.stacked-cards{display:grid;gap:var(--space-4)}.experience-header h3{margin:0}.experience-header p{margin:.2rem 0 0}.tech-stack{margin-top:var(--space-3);margin-bottom:var(--space-3);color:var(--text-muted)}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.education-card h3{margin:0 0 var(--space-1)}.muted{color:var(--text-muted)}.contact-card p{margin-top:0;color:var(--text-muted)}.contact-list{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-2)}.contact-list li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.contact-list span{font-weight:600}.site-footer{border-top:1px solid var(--border);padding:var(--space-4) 0}.site-footer p{margin:0;color:var(--text-muted);text-align:center}a:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid #66a8da;outline-offset:2px;border-radius:.6rem}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:2.8rem}}@media (min-width: 700px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1120px){.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 768px){.section{padding:var(--space-5) 0}.header-inner{min-height:auto;padding:.9rem 0;flex-direction:column;align-items:flex-start}.nav-list{gap:var(--space-3);flex-wrap:wrap}.contact-list li{flex-direction:column;align-items:flex-start}}@media (max-width: 375px){.container{width:min(100% - 1.25rem,1160px)}.hero-content h1{font-size:1.8rem}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top right,#dceefb,#dceefb00 40%),radial-gradient(circle at bottom left,#eaf3fa,#eaf3fa00 45%),#f6f8fb;color:#102033;overflow-x:hidden}#root{min-height:100vh}img,video{max-width:100%;display:block}a{color:#0f5e9c}