:root{--bg: #e8e2db;--ink: #1a1a1a;--muted: #5e5e5e;--accent-1: #fab95b;--accent-2: #547792;--accent-3: #1a3263;--surface: #f6f1ec;--border: rgba(26, 50, 99, .15);--shadow: 0 18px 40px rgba(26, 50, 99, .08);--radius: 18px;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.25rem;--space-5: 3.25rem;--space-6: 4.5rem;--max-width: 1040px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Quilon,sans-serif;font-weight:500;line-height:1.6;letter-spacing:.01em;min-height:100vh;background-image:radial-gradient(circle at 15% 20%,rgba(250,185,91,.12),transparent 50%),radial-gradient(circle at 80% 10%,rgba(84,119,146,.12),transparent 45%)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--accent-1);outline-offset:2px}h1,h2,h3,h4{font-family:Quilon,sans-serif;font-weight:500;margin:0 0 var(--space-2);color:var(--accent-3)}p{margin:0 0 var(--space-2);color:var(--muted)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-3)}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto;padding:var(--space-1) var(--space-2);background:var(--accent-1);color:var(--ink);z-index:10}.site-header{position:sticky;top:0;background:#e8e2dbeb;backdrop-filter:blur(12px);border-bottom:1px solid rgba(84,119,146,.12)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;gap:var(--space-2)}.brand{display:flex;align-items:center;gap:var(--space-2);font-family:Quilon,sans-serif;color:var(--accent-3)}.brand-mark{width:14px;height:14px;border-radius:50%;background:var(--accent-1);box-shadow:0 0 0 6px #fab95b33}.nav-list{list-style:none;display:flex;gap:var(--space-3);padding:0;margin:0}.nav-link{padding:.35rem 0;color:var(--accent-3);border-bottom:2px solid transparent;transition:border-color .2s ease,color .2s ease}.nav-link:hover,.nav-link:focus-visible{color:var(--accent-2);border-bottom-color:var(--accent-1)}.nav-link.active{border-bottom-color:var(--accent-2)}.site-main{padding:var(--space-5) 0 var(--space-6)}.section{margin-bottom:var(--space-6)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);align-items:center}.hero-card{background:var(--surface);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow);border:1px solid var(--border)}.hero-card h1{font-size:clamp(2rem,2.2vw + 1.6rem,3.1rem);margin-bottom:var(--space-2)}.hero-card p{font-size:1.05rem}.profile-image{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.profile-caption{margin-top:var(--space-2);font-size:.9rem;color:var(--accent-2)}.section-title{font-size:clamp(1.5rem,1vw + 1.2rem,2.2rem)}.cv-wrap{background:var(--surface);border-radius:var(--radius);padding:var(--space-3);border:1px solid var(--border);box-shadow:var(--shadow)}.cv-embed{width:100%;height:520px;border:1px solid rgba(26,50,99,.1);border-radius:calc(var(--radius) - 8px);background:#fff}.cv-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent-3);font-size:.95rem;margin-top:var(--space-2);transition:color .2s ease}.cv-link:hover{color:var(--accent-2)}.list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.card{background:#fff;border-radius:var(--radius);padding:var(--space-3);border:1px solid var(--border);box-shadow:var(--shadow)}.card h3{font-size:1.2rem}.accordion{display:grid;gap:var(--space-2)}.accordion-item{background:#fff;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow)}.accordion-trigger{width:100%;text-align:left;background:transparent;border:none;padding:var(--space-3);font-family:Quilon,sans-serif;font-size:1.1rem;color:var(--accent-3);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);transition:color .2s ease,background .2s ease}.accordion-trigger span{font-family:Quilon,sans-serif;font-size:.85rem;color:var(--accent-2)}.accordion-trigger:hover{background:#fab95b26}.accordion-panel{padding:0 var(--space-3) var(--space-3);color:var(--muted)}.site-footer{padding:var(--space-3) 0 var(--space-4);border-top:1px solid rgba(84,119,146,.15);font-size:.9rem;color:var(--muted)}@media(max-width:720px){.nav-wrap{flex-direction:column;align-items:flex-start}.site-main{padding-top:var(--space-4)}.cv-embed{height:420px}}