:root{--paper: #fff9f2;--canvas: #f2e8db;--surface: rgba(255, 255, 255, .72);--ink: #475569;--ink-muted: #6b7280;--ink-strong: #13213a;--accent-cyan: #44d9e6;--accent-ember: #ff7a59;--accent-gold: #f7c66b;--font-body: "Manrope", "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Trebuchet MS", sans-serif;color:var(--ink);background:radial-gradient(circle at top,#44d9e61f,#44d9e600 24%),linear-gradient(180deg,#f9f1e5,#efe4d5 55%,#e9ddce);font:18px/1.65 var(--font-body);letter-spacing:-.01em;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(19,33,58,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(19,33,58,.03) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 78%);pointer-events:none}a,button,input,textarea,select{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid rgba(68,217,230,.58);outline-offset:3px}#root{min-height:100vh}h1,h2,h3,p,ul{margin-top:0}h1,h2,h3{color:var(--ink-strong);font-family:var(--font-display);letter-spacing:-.04em;line-height:1.02}h1{margin-bottom:18px;font-size:clamp(3rem,6.5vw,5.1rem);max-width:12ch}h2{margin-bottom:12px;font-size:clamp(2rem,4vw,3.2rem)}h3{margin-bottom:12px;font-size:1.35rem}p,li{color:var(--ink);font-size:1rem;line-height:1.7}small{font-size:.84rem}.eyebrow{margin-bottom:14px;color:var(--ink-strong);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section-copy{max-width:62ch;font-size:1.02rem}@media(max-width:760px){:root{font-size:16px}html{scroll-padding-top:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.page-shell{position:relative;width:min(1240px,calc(100% - 32px));margin:24px auto;padding:24px;border:1px solid rgba(19,33,58,.1);border-radius:32px;background:linear-gradient(180deg,#fffcf6eb,#f7eee0eb),#ffffffd1;box-shadow:0 24px 80px #0f1b3324,inset 0 1px #ffffffb8;overflow:clip}.page-content{display:grid;gap:28px}.page-orb{position:absolute;border-radius:999px;filter:blur(10px);pointer-events:none;opacity:.7}.page-orb--one{width:420px;height:420px;top:-180px;right:-80px;background:radial-gradient(circle,#44d9e659,#44d9e600)}.page-orb--two{width:360px;height:360px;bottom:160px;left:-140px;background:radial-gradient(circle,#ff7a5933,#ff7a5900)}.site-header,.hero-section,.stats-section,.content-section,.contact-section,.site-footer{position:relative;z-index:1}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px}.brand{display:inline-flex;align-items:center;gap:14px;color:var(--ink-strong);text-decoration:none}.brand-mark{width:48px;height:48px;display:inline-grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#0f1b33,#173657e6);color:var(--paper);font-family:var(--font-display);font-size:1rem;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 14px 30px #0f1b333d}.brand-copy{display:grid}.brand-copy strong,.brand-copy small{display:block}.brand-copy small{color:var(--ink-muted)}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.site-nav a{padding:10px 14px;border-radius:999px;color:var(--ink-strong);font-size:.94rem;text-decoration:none;background:#ffffffa6;border:1px solid rgba(19,33,58,.08);transition:transform .18s ease,background .18s ease,border-color .18s ease}.site-nav a:hover,.site-nav a:focus-visible{transform:translateY(-1px);background:#44d9e624;border-color:#44d9e64d}.hero-section{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.82fr);gap:28px}.hero-copy,.hero-panel,.stats-section,.about-lead,.work-card,.timeline-card,.stack-card,.credential-card,.contact-section{border-radius:28px;border:1px solid rgba(19,33,58,.08)}.hero-copy{padding:clamp(32px,5vw,60px);background:radial-gradient(circle at top left,#44d9e633,#44d9e600 38%),linear-gradient(145deg,#ffffffe6,#fdf5eae6)}.hero-intro{max-width:62ch;font-size:1.06rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button--primary{color:var(--paper);background:linear-gradient(135deg,#13213a,#1f446c);box-shadow:0 18px 34px #0f1b3338}.button--secondary{color:var(--ink-strong);background:#ffffffb8;border:1px solid rgba(19,33,58,.12)}.button--ghost{color:var(--ink-strong);background:#ff7a591f}.button--inline{min-height:40px;padding:0 14px;color:var(--ink-strong);background:#0f1b330f;border:1px solid rgba(19,33,58,.08);box-shadow:none}.badge-row,.tag-row{display:flex;flex-wrap:wrap;gap:10px}.badge,.tag{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(19,33,58,.08);color:var(--ink-strong)}.hero-panel{display:grid;gap:22px;padding:30px;align-content:start;color:var(--paper);background:radial-gradient(circle at top right,#44d9e642,#44d9e600 36%),linear-gradient(155deg,#0f1b33,#1b2e4bf5);box-shadow:0 20px 48px #0f1b3340}.hero-portrait{position:relative;min-height:320px;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#ffffff1a,#ffffff08);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff29,0 18px 34px #0811223d}.hero-portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f1b3314,#0f1b3338),linear-gradient(0deg,#0f1b3333,#0f1b3300)}.hero-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 28%}.hero-portrait-badge{position:absolute;top:16px;left:16px;z-index:1;width:56px;height:56px;display:inline-grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#0f1b33d6,#1a3150b8);border:1px solid rgba(255,255,255,.14);color:var(--paper);font-family:var(--font-display);font-size:1rem;letter-spacing:.18em;box-shadow:0 12px 28px #08112247}.panel-label,.work-role,.timeline-period,.credential-label,.contact-link-label{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--ink-muted)}.hero-panel .panel-label{color:#ffffffd6}.panel-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:14px}.panel-list li{position:relative;padding-left:16px;color:#fff9f2eb;font-size:1rem;line-height:1.72}.panel-list li:before{content:"";position:absolute;width:7px;height:7px;top:.6em;left:0;border-radius:999px;background:var(--accent-cyan)}.stats-section{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:14px;background:#ffffff85}.stat-card{padding:22px;border-radius:22px;background:#ffffffb8;border:1px solid rgba(19,33,58,.08)}.stat-value{margin-bottom:10px;color:var(--ink-strong);font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);line-height:1}.stat-label{font-size:.94rem;line-height:1.55}.content-section{display:grid;gap:20px;padding:clamp(22px,4vw,34px);background:#ffffff61}.section-heading{max-width:62ch}.about-lead{padding:28px;background:linear-gradient(165deg,#ffffffe0,#fcf4e7db)}.quote-card{margin-top:24px;padding:20px;border-radius:22px;background:#13213a0d}.quote-mark{margin-bottom:10px;color:var(--ink-strong);font-family:var(--font-display);font-size:1.15rem}.principles-grid,.work-grid,.stack-grid,.credential-grid,.contact-links{display:grid;gap:16px}.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card,.work-card,.stack-card,.credential-card{padding:22px;border-radius:24px;background:#ffffffb8}.info-card,.work-card,.stack-card,.credential-card{display:flex;flex-direction:column}.contact-link{padding:22px;border-radius:24px;background:#ffffffb8}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card:nth-child(1){background:radial-gradient(circle at top right,#ff7a592e,#ff7a5900 44%),#ffffffc2}.work-card:nth-child(2){background:radial-gradient(circle at top right,#44d9e62e,#44d9e600 44%),#ffffffc2}.work-card:nth-child(3){background:radial-gradient(circle at top right,#f7c66b33,#f7c66b00 44%),#ffffffc2}.work-impact{margin-top:12px;color:var(--ink-strong)}.work-card .tag-row{margin-top:auto;padding-top:16px}.inline-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.timeline{display:grid;gap:16px}.timeline-card{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:20px;padding:24px;background:#ffffffb8}.timeline-meta h3{margin:10px 0 6px}.timeline-role{color:var(--ink-strong);font-weight:700}.timeline-body ul{margin:14px 0 0;padding-left:18px;display:grid;gap:8px}.timeline-body p{margin-bottom:0}.timeline-body li{line-height:1.6}.stack-grid,.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px;padding:clamp(24px,4vw,36px);background:radial-gradient(circle at top left,#44d9e638,#44d9e600 38%),linear-gradient(155deg,#0f1b33,#182b45fa);color:var(--paper);box-shadow:0 18px 40px #0f1b3338}.contact-section .eyebrow,.contact-section h2,.contact-section .section-copy{color:var(--paper)}.contact-links{align-content:start}.contact-link{color:var(--paper);text-decoration:none;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;transition:transform .18s ease,background .18s ease}.contact-link:hover,.contact-link:focus-visible{transform:translateY(-1px);background:#ffffff1a}.contact-link strong{display:block;margin-top:8px;color:var(--paper);font-size:1.05rem}.site-footer{display:flex;justify-content:space-between;gap:18px;padding-top:20px;color:var(--ink-muted)}.reveal{animation:fade-up .62s ease both}.reveal--delay-1{animation-delay:.1s}.reveal--delay-2{animation-delay:.18s}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.hero-section,.contact-section,.timeline-card{grid-template-columns:1fr}.stats-section,.work-grid,.stack-grid,.principles-grid,.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.page-shell{width:min(100% - 20px,100%);margin:10px auto;padding:16px;border-radius:24px}.site-header,.site-footer{flex-direction:column;align-items:flex-start}.site-nav{justify-content:flex-start}.hero-actions,.badge-row{flex-direction:column;align-items:stretch}.button{width:100%}.stats-section,.work-grid,.stack-grid,.principles-grid,.credential-grid{grid-template-columns:1fr}.content-section,.hero-copy,.hero-panel,.contact-section{padding:20px}.hero-portrait{min-height:280px}.hero-portrait img{object-position:center 24%}}@media(prefers-reduced-motion:reduce){.reveal,.reveal--delay-1,.reveal--delay-2{animation:none}.button,.site-nav a,.contact-link{transition:none}}