@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{--bg:#efede8;--panel:#f8f8f6;--line:#ddd7cb;--text:#1f312f;--muted:#4f5e5d;--accent:#be4e2e;--accent-strong:#8f341c;--chip:#fff6dd;--shadow:0 10px 30px #222f2d14}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--text);background:radial-gradient(circle at 5% 5%,#b9653f1a,#0000 32%),radial-gradient(circle at 95% 15%,#16423c24,#0000 30%),linear-gradient(150deg,#f3f1eb 0%,#ece8dd 100%);font-family:Manrope,sans-serif}#root{min-height:100svh}.page-shell{width:min(1200px,92vw);margin:1.25rem auto 3rem}.topbar{z-index:50;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f8f6bf;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex;position:sticky;top:1rem}.brand{letter-spacing:.04em;font-family:Sora,sans-serif;font-weight:700}.topbar nav{flex-wrap:wrap;gap:.9rem;display:flex}.topbar a{color:var(--text);font-size:.94rem;font-weight:600;text-decoration:none}.hero{grid-template-columns:1.2fr .8fr;gap:1rem;margin-top:1.2rem;display:grid}.hero-copy,.hero-card,.panel,.card,.timeline-item,.footer{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px}.hero-copy{padding:clamp(1.4rem,4vw,2.7rem)}.hero-copy h1{letter-spacing:-.02em;margin:.4rem 0 1rem;font-family:Sora,sans-serif;font-size:clamp(1.8rem,4.5vw,3.2rem);line-height:1.1}.hero-copy p{color:var(--muted);margin:0;line-height:1.65}.eyebrow{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--chip);border-radius:999px;margin:0;padding:.35rem .62rem;font-size:.78rem;display:inline-block}.chip-row{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.chip-row span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:.35rem .68rem;font-size:.82rem}.cta-row{gap:.7rem;margin-top:1.2rem;display:flex}.btn{border:1px solid var(--line);border-radius:999px;padding:.62rem 1rem;font-weight:700;text-decoration:none;display:inline-block}.btn.primary{color:#fff;background:linear-gradient(120deg, var(--accent), var(--accent-strong));border-color:#0000}.btn.ghost{color:var(--text);background:#fff}.hero-card{background:radial-gradient(circle at 20% 20%,#fff5cf 0%,#f7f4ea 58%,#f0ede2 100%);min-height:320px;padding:1.2rem;position:relative;overflow:hidden}.orb{border-radius:50%;position:absolute}.orb-a{background:#d35c2833;width:170px;height:170px;top:-30px;right:-20px}.orb-b{background:#16423c2e;width:130px;height:130px;bottom:-14px;left:-10px}.portrait-wrap{border:1px solid #fffc;border-radius:16px;position:absolute;inset:1.2rem 1.2rem 5.8rem;overflow:hidden;box-shadow:0 12px 30px #222f2d29}.hero-portrait{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.id-tile{background:#ffffffb3;border:1px solid #fff;border-radius:14px;padding:1rem;position:absolute;inset:auto 1.2rem 1.2rem}.id-tile h3{margin:0;font-family:Sora,sans-serif}.id-tile p{color:var(--muted);margin:.35rem 0 0}.section{margin-top:1.1rem}.about-grid{grid-template-columns:1fr;gap:1rem;display:grid}.panel{padding:1.2rem}.panel h2,.section-title h2,.footer h2{margin:.6rem 0 .8rem;font-family:Sora,sans-serif}.panel p{color:var(--muted);line-height:1.7}.section-title{padding:1rem .4rem}.competency-grid,.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.impact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.card{padding:1rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #222f2d1f}.impact-card h3{color:var(--accent);margin:0;font-family:Sora,sans-serif;font-size:clamp(1.6rem,4vw,2.2rem)}.impact-card p{margin-top:.4rem}.card h3{margin:0;font-family:Sora,sans-serif;font-size:1.02rem}.card p{color:var(--muted);margin:.55rem 0 0;line-height:1.6}.timeline{gap:1rem;display:grid}.timeline-item{padding:1rem}.timeline-item .date{color:var(--accent);margin:0;font-weight:700}.timeline-item h3{margin:.45rem 0 0;font-family:Sora,sans-serif}.timeline-item h4{color:var(--muted);margin:.22rem 0 0;font-size:.95rem}.timeline-item p{color:var(--muted);margin:.55rem 0 0;line-height:1.64}.blog-card a{color:var(--accent);margin-top:auto;font-weight:700;text-decoration:none;display:inline-block}.blog-card{flex-direction:column;height:100%;display:flex}.blog-card h3{min-height:3.6rem;margin-bottom:.4rem;line-height:1.35}.blog-thumb{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:165px;margin-bottom:.8rem;padding:.3rem}.stack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.tag-wrap{flex-wrap:wrap;gap:.45rem;margin-top:.6rem;display:flex}.tag{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:.22rem .6rem;font-size:.78rem;font-weight:600;display:inline-block}.cert-row{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.cert-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:1rem;display:grid}.cert-card{background:linear-gradient(165deg,#fffef8 0%,#fff8ef 100%);border:1px solid #ebc6ad;border-radius:14px;flex-direction:column;height:100%;padding:.65rem;display:flex;box-shadow:0 14px 30px #7c301b1f}.cert-image{object-fit:contain;background:#fff;border:1px solid #f0d8c7;border-radius:10px;width:100%;height:140px;padding:.3rem}.cert-card h3{color:#7c301b;min-height:2.6rem;margin:.6rem 0 0;font-family:Sora,sans-serif;font-size:.92rem;line-height:1.35}.cert-pill{color:#7c301b;background:#fff5ec;border:1px solid #e6bb9f;border-radius:999px;padding:.34rem .72rem;font-size:.8rem;font-weight:700;display:inline-block}.footer{text-align:center;margin-top:1.1rem;padding:1.2rem}.footer p{color:var(--muted);margin:.35rem 0;line-height:1.55}.footer a{color:var(--text);font-weight:600;text-decoration:none}.socials{flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:.65rem;display:flex}@media (width<=980px){.hero,.about-grid,.impact-grid,.competency-grid,.stack-grid{grid-template-columns:1fr}.blog-grid,.cert-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{position:static}.cta-row{flex-wrap:wrap}}@media (width<=640px){.blog-grid,.cert-gallery{grid-template-columns:1fr}.blog-card h3{min-height:2.8rem}.blog-thumb{height:140px}}