:root{--ink:#171512;--paper:#f4efe5;--paper-deep:#e6ddd0;--muted:#6e6860;--line:#17151224;--wash:#2a2925;--mist:#9f9a90;--seal:#a24b2f;--ochre:#c49a5a;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 12% 8%, #c49a5a29, transparent 28%), linear-gradient(180deg, var(--paper), var(--paper-deep));margin:0;font-family:Inter,Noto Sans SC,system-ui,sans-serif}a{color:inherit;text-decoration:none}.page-shell{width:min(100%,1700px);margin-inline:auto}.site-nav{z-index:20;color:#fff;background:linear-gradient(#13110eb8,#13110e00);justify-content:space-between;align-items:center;height:76px;padding:0 max(clamp(20px,5vw,64px),50vw - 850px);display:flex;position:fixed;inset:0 0 auto}.brand,.nav-links,.hero-actions,.closing-actions{align-items:center;display:flex}.brand{gap:10px;font-weight:800}.brand-mark{background:#ffffff1a;border:1px solid #ffffff7a;place-items:center;width:34px;height:34px;display:grid}.nav-links{color:#ffffffc7;gap:clamp(18px,3vw,36px);font-size:14px}.nav-contact,.primary-btn,.ghost-btn{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-weight:700;transition:background-color .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s;display:inline-flex}.nav-contact,.primary-btn{color:#f8f1e6;background:var(--seal);box-shadow:0 12px 34px #532a1c38}.nav-contact:hover,.primary-btn:hover{color:var(--ink);background:var(--paper);transform:translateY(-2px);box-shadow:0 16px 42px #110f0c47}.hero{color:#fff;align-items:end;min-height:100svh;padding:120px clamp(20px,6vw,82px) 76px;display:grid;position:relative;overflow:hidden}#motion-canvas{display:none}.hero-video,.hero-shade{width:100%;height:100%;position:absolute;inset:0}.hero-video{object-fit:cover;background:#171512}.hero-shade{background:radial-gradient(circle at 78% 20%,#f4efe524,#0000 28%),linear-gradient(90deg,#100f0dc7,#100f0d42 58%,#100f0d8f),linear-gradient(#100f0d0f 46%,#100f0dc2)}.hero-content{z-index:2;position:relative}.eyebrow{letter-spacing:0;text-transform:uppercase;color:var(--seal);margin:0 0 14px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:980px;margin-bottom:24px;font-size:clamp(58px,7.2vw,128px);line-height:.96}.hero-copy{color:#fffc;max-width:760px;margin-bottom:30px;font-size:clamp(18px,1.65vw,24px);line-height:1.72}.hero-actions{flex-wrap:wrap;gap:14px}.ghost-btn{color:#fff;background:#f4efe514;border:1px solid #f4efe56b}.ghost-btn:hover{color:#f8f1e6;border-color:var(--ochre);background:#a24b2fb8;transform:translateY(-2px)}.section-pad{padding:clamp(72px,8.5vw,124px) clamp(20px,6vw,82px)}.section-heading{max-width:900px;margin-bottom:42px}.section-heading h2,.profile-grid h2,.education-grid h2,.closing h2{letter-spacing:0;margin-bottom:0;font-size:clamp(38px,4.6vw,76px);line-height:1.05}.profile-grid,.education-grid{grid-template-columns:.68fr 1fr;align-items:start;gap:clamp(34px,6vw,86px);display:grid}.lead{color:#2f333a;max-width:720px;margin-top:22px;font-size:clamp(18px,1.45vw,24px);line-height:1.85}.basic-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.basic-card,.strength-grid article,.education-card{border:1px solid var(--line);border-radius:var(--radius);background:#fffcf69e;box-shadow:0 18px 48px #312b2312}.basic-card{flex-direction:column;justify-content:space-between;min-height:136px;padding:22px;display:flex}.basic-card span{color:var(--muted)}.basic-card strong{font-size:clamp(20px,1.4vw,28px);line-height:1.25}.stats-band{padding:0 clamp(20px,6vw,82px) clamp(72px,8vw,110px)}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stats div{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, #ffffff14, transparent), var(--wash);color:#f8f1e6;padding:26px}.stats strong{margin-bottom:8px;font-size:clamp(34px,4vw,60px);display:block}.stats span,.strength-grid p,.timeline-body li,.education-card p{color:var(--muted);line-height:1.68}.strength-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.strength-grid article{min-height:270px;padding:24px}.strength-grid span{color:var(--seal);margin-bottom:42px;font-weight:900;display:inline-block}.strength-grid h3{margin-bottom:10px;font-size:26px}.experience{color:#f8f1e6;background:radial-gradient(circle at 8% 10%,#c49a5a2e,#0000 28%),linear-gradient(135deg,#171512,#2a2925 48%,#171512)}.split{grid-template-columns:1fr minmax(320px,520px);align-items:end;gap:32px;max-width:none;display:grid}.experience .split>p{color:#ffffffa8;line-height:1.8}.timeline{gap:16px;display:grid}.timeline-item{border-radius:var(--radius);background:#f4efe50e;border:1px solid #f4efe524;grid-template-columns:320px 1fr;gap:30px;padding:28px;display:grid}.timeline-meta{align-content:start;gap:12px;display:grid}.timeline-meta span{color:var(--ochre);font-weight:800}.timeline-meta strong{font-size:24px}.timeline-body h3{margin-bottom:16px;font-size:clamp(24px,2vw,34px)}.timeline-body ul{margin:0;padding-left:20px}.timeline-body li{color:#ffffffad}.timeline-body li+li{margin-top:10px}.education-card{padding:30px}.education-card h3{margin-bottom:8px;font-size:34px}.education-details{gap:10px;margin-top:28px;display:grid}.education-details strong{color:var(--ink)}.closing{color:#fff;background:radial-gradient(circle at 72% 22%,#c49a5a3d,#0000 28%),linear-gradient(120deg,#171512eb,#2a2925ad),linear-gradient(135deg,#171512 0 46%,#5e5547 46% 64%,#a24b2f 64% 76%,#c49a5a 76%);min-height:56vh;padding:clamp(72px,10vw,128px) clamp(20px,6vw,82px)}.closing-inner{grid-template-columns:1fr minmax(300px,460px);align-items:end;gap:32px;min-height:calc(56vh - clamp(144px,20vw,256px));display:grid}.closing-actions{flex-direction:column;align-items:stretch;gap:12px}.closing-actions span,.closing-actions a{border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff47;padding:18px 20px;transition:background-color .18s,color .18s,border-color .18s,transform .18s}.closing-actions a:hover{color:var(--ink);border-color:var(--paper);background:var(--paper);transform:translateY(-2px)}@media (width<=1100px){.basic-grid,.strength-grid,.stats{grid-template-columns:repeat(2,1fr)}.timeline-item{grid-template-columns:260px 1fr}}@media (width<=900px){.site-nav{height:auto;padding-top:16px;padding-bottom:16px}.nav-links{display:none}.profile-grid,.education-grid,.split,.closing-inner,.timeline-item{grid-template-columns:1fr}}@media (width<=540px){.nav-contact{display:none}.hero{padding-bottom:44px}h1{font-size:46px}.basic-grid,.strength-grid,.stats{grid-template-columns:1fr}}
