:root{--bg:#f4efe8;--bg-deep:#102a43;--bg-panel:#ffffffb8;--ink:#102033;--muted:#52606d;--line:#102a431f;--accent:#c96f2d;--accent-soft:#f6c28b;--accent-deep:#7c3d12;--teal:#0f766e;--shadow:0 24px 60px #102a431f;--radius-lg:28px;--radius-md:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 0 0,#c96f2d29,#0000 28%),radial-gradient(circle at 100% 0,#0f766e29,#0000 24%),linear-gradient(#f6f1ea 0%,#efe8de 48%,#f8f4ef 100%);margin:0;font-family:Aptos,Trebuchet MS,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;background-image:linear-gradient(#102a430a 1px,#0000 1px),linear-gradient(90deg,#102a430a 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000059,#0000 88%);mask-image:linear-gradient(#00000059,#0000 88%)}a{color:inherit}#root{width:100%}.page-shell{width:min(1180px,100% - 32px);margin:0 auto;padding-bottom:48px}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--bg-deep), #1f4b73);color:#fff7f0;letter-spacing:.08em;border-radius:16px;place-items:center;width:46px;height:46px;font-weight:700;display:grid}.brand-copy{gap:2px;display:grid}.brand-copy strong{font-family:Iowan Old Style,Palatino Linotype,serif;font-size:1.05rem}.brand-copy small{color:var(--muted)}.site-nav{flex-wrap:wrap;gap:18px;display:flex}.site-nav a{font-size:.95rem;text-decoration:none}.section{padding:56px 0}.hero{grid-template-columns:1.35fr .95fr;align-items:stretch;gap:34px;padding-top:48px;display:grid}.eyebrow{color:var(--accent-deep);text-transform:uppercase;letter-spacing:.18em;margin:0 0 14px;font-size:.76rem;font-weight:700}.hero h1,.section-heading h2,.contact-card h2,.recruiter-panel h2,.spotlight h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;line-height:1.02}.hero h1{letter-spacing:-.04em;max-width:12ch;font-size:clamp(3rem,5vw,5.2rem)}.hero h1 span{color:var(--accent-deep)}.hero-text,.section-heading p,.value-card p,.project-card p,.timeline-body p,.recruiter-panel p,.contact-card p{color:var(--muted);font-size:1.02rem;line-height:1.65}.hero-actions,.contact-links,.project-links{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff8f1;background:linear-gradient(135deg, var(--bg-deep), #163d61);box-shadow:0 16px 36px #102a4333}.button-secondary{background:#ffffff8c;border-color:#102a431f}.snapshot-list,.project-card ul,.timeline-body ul{margin:0;padding:0;list-style:none}.panel-card,.value-card,.project-card,.timeline-item,.skills-panel,.contact-card,.recruiter-panel{border:1px solid var(--line);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-panel{padding-top:8px}.panel-card{border-radius:var(--radius-lg);padding:24px}.hero-intro-badge{min-height:36px;color:var(--accent-deep);background:#ffffffa6;border:1px solid #102a431a;border-radius:999px;align-items:center;margin-bottom:18px;padding:0 14px;font-size:.86rem;font-weight:700;display:inline-flex}.hero-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px;display:grid}.hero-proof div{border-top:1px solid #102a431f;padding-top:18px}.hero-proof p{color:var(--muted);margin:8px 0 0;line-height:1.55}.hero-proof-label,.hero-card-label{color:var(--accent-deep);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700;display:block}.hero-dashboard{color:#f8efe7;background:linear-gradient(#102a43f0,#183f5deb),radial-gradient(circle at 100% 0,#f6c28b33,#0000 30%);border:1px solid #102a431f;border-radius:32px;padding:24px;box-shadow:0 28px 60px #102a432e}.hero-dashboard-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.hero-status{min-height:32px;color:var(--accent-soft);background:#f6c28b29;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}.hero-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hero-dashboard-grid article{background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;padding:16px}.hero-dashboard-grid strong,.hero-highlight strong{display:block}.hero-dashboard-grid strong{margin-top:8px;font-size:1rem;line-height:1.4}.hero-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px;display:grid}.hero-highlight{background:#ffffff14;border-radius:18px;padding:16px 14px}.hero-highlight strong{color:#fff7ef;font-size:1.8rem}.hero-highlight span{color:#f8efe7cc;margin-top:8px;font-size:.92rem;line-height:1.45;display:block}.spotlight{color:#f8efe7;background:linear-gradient(#102a43f2,#143b5deb)}.spotlight h2,.spotlight li,.spotlight .panel-label{color:inherit}.panel-label,.metric-label{color:var(--accent-soft);text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px;font-size:.72rem;font-weight:700}.snapshot-list{gap:12px;margin-top:18px;display:grid}.snapshot-list li,.project-card li,.timeline-body li{padding-left:18px;line-height:1.55;position:relative}.snapshot-list li:before,.project-card li:before,.timeline-body li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.72em;left:0}.section-heading{max-width:760px;margin-bottom:28px}.section-heading h2{letter-spacing:-.03em;font-size:clamp(2rem,3vw,3.3rem)}.value-grid,.project-grid,.fit-grid,.skills-layout{gap:20px;display:grid}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.value-card,.project-card,.skills-panel{border-radius:var(--radius-lg);padding:24px}.value-card h3,.project-card h3,.timeline-body h3,.skills-panel h3,.fit-grid h3{margin:0 0 12px;font-size:1.24rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-topline{color:var(--accent-deep);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:.84rem;display:flex}.project-card ul,.timeline-body ul{gap:12px;margin-top:18px;display:grid}.project-links a{font-weight:700;text-decoration:none}.timeline{gap:18px;display:grid}.timeline-item{border-radius:var(--radius-lg);grid-template-columns:240px 1fr;gap:20px;padding:24px;display:grid}.timeline-meta{color:var(--accent-deep);text-transform:uppercase;letter-spacing:.08em;align-content:start;gap:8px;font-size:.82rem;font-weight:700;display:grid}.skills-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.tag-list{flex-wrap:wrap;gap:10px;display:flex}.tag-list span{background:#102a4314;border-radius:999px;padding:10px 14px;font-size:.95rem}.recruiter-panel{border-radius:var(--radius-lg);padding:28px}.fit-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.fit-grid article{padding:10px 0}.contact-section{padding-bottom:30px}.contact-card{border-radius:calc(var(--radius-lg) + 4px);color:#fbf5ef;background:linear-gradient(135deg,#102a43f7,#284a66f0),linear-gradient(#0000,#c96f2d26);padding:30px}.contact-card p,.contact-card h2,.contact-card dt,.contact-card dd{color:inherit}.contact-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 0;display:grid}.contact-meta dt{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-soft);margin-bottom:8px;font-size:.82rem}.contact-meta dd{margin:0}.site-footer{color:var(--muted);justify-content:space-between;gap:20px;padding:18px 0 10px;font-size:.92rem;display:flex}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.hero,.project-grid,.value-grid,.skills-layout,.fit-grid,.timeline-item{grid-template-columns:1fr}.hero h1{max-width:14ch}.hero-dashboard-grid,.hero-highlights,.hero-proof{grid-template-columns:1fr}}@media (width<=760px){.page-shell{width:min(100% - 24px,1180px)}.site-header,.site-footer{display:grid}.site-nav{gap:14px}.hero{padding-top:26px}.hero h1{font-size:clamp(2.6rem,12vw,4rem)}.section{padding:42px 0}.contact-meta{grid-template-columns:1fr}}