@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg:#f7f8f6;--text:#121719;--muted:#647074;--line:#dfe5e1;--panel:#fff;--panel-strong:#101719;--accent:#1f9f8a;--accent-dark:#146f63;--warm:#d89b55;--shadow:0 18px 45px #1217191f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{z-index:10;min-height:72px;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8f6f0;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:14px clamp(18px,5vw,64px);display:grid;position:sticky;top:0;box-shadow:0 8px 24px #12171914}.brand{background:#101719;border:1px solid #1217191a;border-radius:8px;place-items:center;width:42px;height:42px;display:inline-grid;overflow:hidden;box-shadow:0 8px 18px #1217191f}.brand img{width:100%;height:100%}.nav{justify-content:center;gap:clamp(14px,3vw,34px);font-size:.94rem;font-weight:600;display:flex}.nav a,.text-link,.site-footer a{position:relative}.nav a:after,.text-link:after,.site-footer a:after{background:var(--accent);content:"";transform-origin:0;height:2px;transition:transform .16s;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.nav a:hover:after,.text-link:hover:after,.site-footer a:hover:after{transform:scaleX(1)}.header-action,.button{border-radius:8px;justify-content:center;align-items:center;min-height:44px;font-weight:700;line-height:1;display:inline-flex}.header-action{background:var(--accent);color:#fff;padding:0 18px}.hero{color:#fff;align-items:end;min-height:calc(92vh - 72px);padding:86px clamp(20px,5vw,72px) 54px;display:grid;position:relative;overflow:hidden}.hero-media,.hero-overlay{position:absolute;inset:0}.hero-media{background-image:url(/assets/hero-workspace.png);background-position:50%;background-size:cover}.hero-overlay{background:linear-gradient(90deg,#0a0e0feb 0%,#0a0e0fb8 42%,#0a0e0f29 100%),linear-gradient(#0a0e0f0f 48%,#0a0e0fbd 100%)}.hero-content{z-index:1;width:min(760px,100%);position:relative}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}.hero h1{margin:0;font-size:clamp(3.3rem,9vw,7.5rem);line-height:.94}.hero-copy{color:#ffffffd1;max-width:620px;margin:24px 0 0;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{min-width:148px;padding:0 22px}.button.primary{background:var(--accent);color:#fff}.button.secondary{color:#fff;border:1px solid #ffffff7a}.hero-stats{background:#ffffff29;border:1px solid #fff3;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:min(760px,100%);margin-top:46px;display:grid;overflow:hidden}.hero-stats div{background:#ffffff14;min-height:104px;padding:20px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{color:#fff;margin-bottom:9px;font-size:.95rem}.hero-stats span{color:#ffffffb8;font-size:.88rem;line-height:1.45}.section{padding:clamp(72px,10vw,116px) clamp(20px,5vw,72px)}.section.alt{background:#ecf2ef}.section-heading{max-width:820px;margin-bottom:34px}.section-heading.row{justify-content:space-between;align-items:end;gap:24px;max-width:none;display:flex}.section h2{margin:0;font-size:clamp(2rem,4.5vw,4rem);line-height:1.05}.about-grid{grid-template-columns:minmax(0,.86fr) minmax(320px,1.14fr);align-items:start;gap:clamp(28px,6vw,72px);display:grid}.about-text{color:var(--muted);font-size:1.04rem;line-height:1.8}.about-text p{margin:0 0 20px}.focus-list{gap:14px;display:grid}.focus-list article,.skill-group,.project-card,.contact-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px}.focus-list article{grid-template-columns:54px 1fr;gap:4px 18px;padding:22px;display:grid}.focus-list span{color:var(--warm);grid-row:span 2;font-weight:800}.focus-list h3,.skill-group h3,.project-card h3{margin:0;font-size:1.18rem}.focus-list p,.project-card p,.contact-panel p{color:var(--muted);margin:0;line-height:1.62}.skill-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skill-group{padding:24px}.tags,.project-tags{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.tags span,.project-tags span,.project-type,.project-year{color:#2c5550;background:#eef4f1;border-radius:8px;align-items:center;min-height:32px;padding:0 11px;font-size:.84rem;font-weight:700;display:inline-flex}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-grid.featured{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-grid{gap:16px;display:grid}.experience-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:clamp(22px,4vw,32px);box-shadow:0 10px 30px #1217190d}.experience-top{justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.experience-top span{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.86rem;font-weight:800}.experience-top strong{margin-top:8px;font-size:clamp(1.22rem,2.5vw,1.7rem);display:block}.experience-meta{color:var(--muted);text-align:right;flex:none;justify-items:end;gap:8px;font-weight:800;display:grid}.experience-meta em{color:#7b878a;font-style:italic;font-weight:700}.experience-card p{max-width:860px;color:var(--muted);margin:0;line-height:1.7}.experience-list{max-width:980px;color:var(--muted);gap:10px;margin:22px 0 0;padding-left:20px;line-height:1.6;display:grid}.experience-list li::marker{color:var(--accent)}.experience-list.compact{margin-top:18px}.project-card{min-height:300px;padding:24px;transition:transform .16s,box-shadow .16s;box-shadow:0 10px 30px #1217190d}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.project-top{justify-content:space-between;gap:12px;margin-bottom:38px;display:flex}.project-link{color:#7a4d1b;background:#fbf1e5;border-radius:8px;align-items:center;min-height:32px;padding:0 11px;font-size:.84rem;font-weight:800;display:inline-flex}.project-year{color:#7a4d1b;background:#fbf1e5}.project-card h3{margin-bottom:12px}.text-link{color:var(--accent-dark);flex:none;font-weight:800}.contact-section{padding-top:0}.education-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;gap:24px;padding:clamp(22px,4vw,32px);display:flex}.education-card h3{margin:0 0 10px;font-size:clamp(1.35rem,3vw,2rem)}.education-card p{color:var(--muted);margin:0;font-size:1.08rem;font-weight:700}.contact-panel{background:var(--panel-strong);color:#fff;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;gap:32px;padding:clamp(26px,5vw,52px);display:grid}.contact-panel h2{color:#fff}.contact-panel p{color:#ffffffad;max-width:680px;margin-top:18px}.contact-links{gap:12px;display:grid}.contact-links a{color:#fff;overflow-wrap:anywhere;border:1px solid #ffffff2e;border-radius:8px;justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;font-weight:700;display:flex}.contact-links a:after{content:">"}.site-footer{color:var(--muted);justify-content:space-between;gap:16px;padding:28px clamp(20px,5vw,72px);font-size:.95rem;display:flex}@media (max-width:900px){.site-header{grid-template-columns:auto auto;min-height:66px}.nav{order:3;grid-column:1/-1;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.header-action{justify-self:end}.hero{min-height:calc(94vh - 66px);padding-top:84px}.hero-stats,.about-grid,.skill-groups,.experience-grid,.project-grid,.project-grid.featured,.contact-panel{grid-template-columns:1fr}.experience-top,.education-card{display:grid}.experience-meta{text-align:left;justify-items:start}.section-heading.row{display:block}.text-link{margin-top:18px;display:inline-block}}@media (max-width:560px){.site-header{padding-inline:16px}.brand{width:38px;height:38px}.header-action{min-height:40px;padding:0 14px}.nav{gap:16px;font-size:.86rem}.hero{min-height:calc(96vh - 66px);padding:72px 18px 34px}.hero h1{font-size:clamp(3rem,16vw,4.4rem)}.hero-stats div{min-height:86px}.section{padding-inline:18px}.focus-list article{grid-template-columns:1fr}.focus-list span{grid-row:auto}.site-footer{flex-direction:column}}