:root{--font-heading:"Trebuchet MS","Gill Sans","Segoe UI",sans-serif;--font-body:"Avenir Next","Segoe UI","Helvetica Neue",sans-serif;--bg:#fff;--surface:#f6f8fa;--surface-strong:#eef2f6;--text:#1b2430;--muted:#627082;--line:#dbe3eb;--accent:#0f4c81;--accent-contrast:#f7fbff;--warm:#b7772a;--container:1120px;--radius-lg:22px;--radius-md:14px;--shadow:0 22px 44px #081f3814}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body),"Segoe UI",sans-serif;color:var(--text);background:var(--bg);margin:0;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 10%,#0f4c8117,#0000 24%),radial-gradient(circle at 95% 88%,#b7772a14,#0000 20%),linear-gradient(#fff,#fff);position:fixed;inset:0}h1,h2,h3{font-family:var(--font-heading),"Segoe UI",sans-serif;margin:0 0 .6rem;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2rem,4vw,3.35rem)}h2{font-size:clamp(1.55rem,2.8vw,2.2rem)}h3{font-size:1.15rem}p{margin:0 0 1rem}a{color:inherit;text-decoration:none}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.section-space{padding:clamp(3.5rem,7vw,6rem) 0}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.lead{color:var(--muted);max-width:60ch;font-size:1.06rem}.site-header{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #dbe3ebcc;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:1rem;min-height:78px;display:flex}.brand{font-family:var(--font-heading),"Segoe UI",sans-serif;letter-spacing:.02em;font-size:clamp(1.1rem,2.1vw,1.35rem);font-weight:800}.site-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1.2rem;display:flex}.site-nav a{color:var(--muted);font-weight:600;transition:color .2s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--accent)}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:1.2rem;display:grid}.hero-copy{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:clamp(1.6rem,4vw,3rem);animation:.6s both rise}.hero-name{letter-spacing:-.03em;margin-bottom:.3rem;font-size:clamp(2.6rem,7vw,4.9rem);line-height:1.04}.hero-role{color:var(--accent);font-family:var(--font-heading),"Segoe UI",sans-serif;margin:0 0 .75rem;font-size:clamp(1.02rem,2vw,1.28rem);font-weight:700}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.78rem 1.1rem;font-size:.92rem;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.btn:hover,.btn:focus-visible{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:0 12px 24px #0f4c8138}.btn-primary:hover,.btn-primary:focus-visible{background:#0c406d}.btn-ghost{background:var(--surface);color:var(--accent);border-color:var(--line)}.hero-panel{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(170deg,#f9fbfd 0%,#f3f6f9 100%);gap:.85rem;padding:clamp(1.2rem,3vw,2rem);animation:.6s .12s both rise;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;padding:1rem}.metric-value{font-family:var(--font-heading),"Segoe UI",sans-serif;margin:0;font-size:clamp(1.05rem,2.2vw,1.45rem);font-weight:800}.metric-label{color:var(--muted);margin:.25rem 0 0;font-size:.92rem}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.about-card,.skills-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:clamp(1.4rem,3vw,2.2rem)}.about-card p{color:var(--muted)}.skills-card h3{margin-bottom:1rem}.skills-groups{gap:.8rem;display:grid}.skill-group{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:.8rem}.skill-group h4{color:var(--accent);font-family:var(--font-heading),"Segoe UI",sans-serif;margin:0 0 .6rem;font-size:.95rem}.tag-list{flex-wrap:wrap;gap:.6rem;display:flex}.tag-list span{border:1px solid var(--line);background:var(--surface);color:#2f3a48;border-radius:999px;padding:.38rem .72rem;font-size:.87rem;font-weight:600}.section-head{margin-bottom:1.25rem}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;align-content:start;gap:.45rem;padding:1.25rem;display:grid}.project-card p{color:var(--muted)}.project-tags{flex-wrap:wrap;gap:.45rem;margin-top:.35rem;display:flex}.project-tags span{color:#875620;letter-spacing:.01em;background:#f9f3ea;border:1px solid #f1dfc6;border-radius:999px;padding:.3rem .58rem;font-size:.78rem;font-weight:700}.project-link{width:fit-content;color:var(--accent);text-underline-offset:2px;margin-top:.55rem;font-weight:700;text-decoration:underline}.project-link:hover,.project-link:focus-visible{color:#0b3d66}.timeline{gap:.9rem;display:grid}.timeline-item{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:1.2rem}.timeline-meta{color:var(--accent);margin-bottom:.35rem;font-size:.87rem;font-weight:700}.timeline-item p:last-child{color:var(--muted)}.contact-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(140deg,#fff 0%,#f8fafc 100%);grid-template-columns:1fr 1fr;gap:1.2rem;padding:clamp(1.3rem,3vw,2.2rem);display:grid}.contact-wrap p{color:var(--muted)}.contact-links{gap:.5rem;margin-top:1rem;display:grid}.contact-links a{width:fit-content;color:var(--accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}.contact-links a:hover,.contact-links a:focus-visible{color:#0b3d66}.contact-form{gap:.85rem;display:grid}.contact-form label{color:#314051;gap:.35rem;font-size:.88rem;font-weight:700;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:10px;padding:.72rem .85rem}.contact-form input:focus-visible,.contact-form textarea:focus-visible{border-color:var(--accent);outline:2px solid #0f4c8140}.site-footer{border-top:1px solid var(--line);background:#fff}.footer-wrap{justify-content:center;align-items:center;min-height:78px;display:flex}.footer-wrap p{color:var(--muted);margin:0;font-size:.9rem}.split-grid>*,.project-card,.timeline-item,.contact-wrap{animation:.6s both rise}.projects-grid .project-card:nth-child(2),.timeline .timeline-item:nth-child(2){animation-delay:80ms}.projects-grid .project-card:nth-child(3),.timeline .timeline-item:nth-child(3){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.hero-grid,.split-grid,.projects-grid,.contact-wrap{grid-template-columns:1fr}}@media (max-width:760px){.nav-wrap{flex-direction:column;justify-content:center;align-items:flex-start;min-height:70px;padding:.7rem 0}.site-nav{justify-content:flex-start;gap:.9rem;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}