:root {
  --ink: #07100e;
  --ink-soft: #0c1916;
  --paper: #eef1e9;
  --paper-dim: #c6cbc2;
  --line: rgba(238, 241, 233, 0.15);
  --acid: #a8ff78;
  --cyan: #65e7d6;
  --sans: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --serif: Iowan Old Style, Baskerville, "Times New Roman", serif;
}

/* A little attitude, without getting between the visitor and the work. */
body { --accent: #76b0ff; }
.hero-sticker { position: absolute; top: 1%; right: 1%; z-index: 4; background: var(--accent); color: #07100e; padding: 18px 21px; font: 800 13px/1.25 var(--sans); letter-spacing: -.3px; transform: rotate(9deg); box-shadow: 5px 5px 0 #07100e, 6px 6px 0 #76b0ff55; border-radius: 2px; }
.ticker { overflow: hidden; background: var(--accent); color: #07100e; transform: rotate(-1.5deg) scale(1.025); position: relative; z-index: 3; padding: 17px 0; }
.ticker-track { display: flex; width: max-content; font-size: 23px; animation: ticker 32s linear infinite; will-change: transform; }
.ticker-group { display: flex; align-items: center; justify-content: space-around; gap: 36px; flex: 0 0 auto; min-width: 100vw; padding-right: 36px; }
.ticker-group > * { flex-shrink: 0; white-space: nowrap; }
.ticker-group i { font-style: normal; }
.ticker span { font-size: 13px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; }
@keyframes ticker { to { transform: translateX(-50%); } }
.button-primary { box-shadow: 4px 4px 0 rgba(168,255,120,.18); }
.expertise-card:hover .card-icon { transform: rotate(-14deg) scale(1.1); background: var(--acid); color: #07100e; }
.card-icon { transition: transform .25s, background .25s, color .25s; }
@media (max-width: 680px) { .hero-sticker { top: 0; right: 4px; padding: 12px 15px; font-size: 10px; } }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body {
  margin: 0;
  color: var(--paper);
  background: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; top: 12px; left: 12px; transform: translateY(-150%); background: var(--acid); color: var(--ink); padding: 12px 18px; border-radius: 6px; font-weight: 700; }
.skip-link:focus { transform: none; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .035; z-index: 10; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.progress { position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 999; }
.progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--acid), var(--cyan)); }

.site-header { height: 92px; padding: 0 clamp(24px, 5vw, 84px); display: flex; align-items: center; justify-content: space-between; position: absolute; z-index: 100; inset: 0 0 auto; border-bottom: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 13px; }
.brand-mark { display: grid; place-items: center; width: 56px; height: 56px; flex-shrink: 0; transition: transform .25s; }.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 0 7px #a8ff7818); }.brand:hover .brand-mark { transform: rotate(-8deg) scale(1.05); }
.brand-copy { font-weight: 750; letter-spacing: -.2px; line-height: 1.05; }
.brand-copy small { display: block; margin-top: 5px; color: #8b9891; font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; }
nav { display: flex; align-items: center; gap: 32px; font-size: 12px; font-weight: 700; letter-spacing: .5px; }
nav > a:not(.nav-cta) { color: #aab4ae; transition: color .25s ease; }
nav > a:not(.nav-cta):hover { color: var(--paper); }
.nav-cta { padding: 12px 17px; border: 1px solid rgba(238,241,233,.3); border-radius: 100px; }
.nav-cta span { color: var(--acid); margin-left: 8px; }
.menu-toggle { display: none; border: 0; background: transparent; width: 42px; height: 42px; padding: 11px 7px; }
.menu-toggle > span:not(.sr-only) { display: block; height: 1px; background: var(--paper); margin: 5px 0; transition: .25s; }

.hero { min-height: 820px; height: 100vh; max-height: 980px; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); align-items: center; gap: 6vw; padding: 132px clamp(24px, 6.7vw, 112px) 70px; position: relative; isolation: isolate; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background: radial-gradient(ellipse 55% 80% at 83% 45%, rgba(21,102,82,.28), transparent 68%), radial-gradient(circle at 12% 0%, rgba(168,255,120,.06), transparent 28%); }
.hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(to right, transparent, #000 45%, #000); }
.eyebrow, .kicker { color: var(--acid); text-transform: uppercase; letter-spacing: 2.2px; font-size: 10px; font-weight: 800; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; background: var(--acid); margin-right: 9px; box-shadow: 0 0 0 5px rgba(168,255,120,.09), 0 0 15px rgba(168,255,120,.5); }
h1 { margin: 29px 0 28px; font-size: clamp(68px, 7.3vw, 126px); line-height: .82; letter-spacing: -.075em; font-weight: 760; max-width: 900px; }
h1 em { font-family: var(--serif); font-weight: 400; color: var(--acid); letter-spacing: -.045em; }
.hero-name { display: block; font-size: 13px; font-weight: 650; line-height: 1.4; letter-spacing: 1.5px; margin-bottom: 20px; color: #c6cbc2; }
.typewriter { display: inline-block; position: relative; max-width: 100%; vertical-align: bottom; }
.typewriter-text { display: block; }
.typewriter.is-enhanced .typewriter-text { opacity: 0; }
.typewriter-output { display: none; position: absolute; inset: 0; }
.typewriter.is-enhanced .typewriter-output { display: block; }
.typewriter-cursor { display: inline-block; width: 1px; height: 1em; vertical-align: -.12em; margin-left: 3px; background: currentColor; animation: blink .75s steps(1) infinite; }
@media (prefers-reduced-motion: reduce) { .typewriter.is-enhanced .typewriter-text { opacity: 1; }.typewriter.is-enhanced .typewriter-output { display: none; } }
.hero-intro { max-width: 620px; font-size: clamp(17px, 1.45vw, 22px); line-height: 1.6; color: #aeb8b2; letter-spacing: -.2px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 39px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-height: 53px; padding: 0 23px; border-radius: 3px; font-size: 11px; font-weight: 800; letter-spacing: .75px; text-transform: uppercase; transition: transform .25s, background .25s, border-color .25s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--acid); color: var(--ink); }
.button-quiet { border: 1px solid rgba(238,241,233,.24); }
.button-quiet:hover { border-color: rgba(238,241,233,.55); }
.hero-visual { min-height: 530px; position: relative; display: grid; place-items: center; }
.radar { position: absolute; width: min(43vw, 540px); aspect-ratio: 1; border: 1px solid rgba(101,231,214,.3); border-radius: 50%; background: radial-gradient(circle, rgba(101,231,214,.04), rgba(101,231,214,.025) 70%, transparent 71%); overflow: hidden; isolation: isolate; }
.radar::before, .radar::after { content: ""; position: absolute; background: rgba(101,231,214,.18); z-index: 2; }
.radar::before { width: 1px; height: 100%; left: 50%; }
.radar::after { height: 1px; width: 100%; top: 50%; }
.radar-ring { position: absolute; border: 1px solid rgba(101,231,214,.22); border-radius: 50%; inset: 16%; z-index: 2; }
.ring-2 { inset: 32%; }.ring-3 { inset: 44%; }
.radar-sweep { position: absolute; inset: 0; border-radius: 50%; transform-origin: 50% 50%; background: conic-gradient(from 0deg, transparent 0deg 278deg, rgba(101,231,214,.015) 278deg, rgba(101,231,214,.13) 328deg, rgba(168,255,120,.4) 359deg, rgba(168,255,120,.65) 360deg); animation: sweep 6s linear infinite; z-index: 1; }
.radar-sweep::after { content: ''; position: absolute; top: 0; left: 50%; height: 50%; width: 1px; background: linear-gradient(var(--acid), rgba(168,255,120,.2)); box-shadow: 0 0 9px rgba(168,255,120,.6); }
@keyframes sweep { to { transform: rotate(1turn); } }
.ping { position: absolute; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 4px rgba(168,255,120,.08), 0 0 12px var(--acid); z-index: 3; animation: radar-contact 6s linear infinite; opacity: .25; }
.ping::after { content: ''; position: absolute; inset: -7px; border: 1px solid var(--acid); border-radius: 50%; animation: radar-echo 6s linear infinite; opacity: 0; }
.ping-1 { left: 80%; top: 20%; animation-delay: .75s; }.ping-1::after { animation-delay: .75s; }
.ping-2 { left: 91%; top: 64%; animation-delay: 1.82s; }.ping-2::after { animation-delay: 1.82s; }
.ping-3 { left: 16%; top: 81%; animation-delay: 3.79s; }.ping-3::after { animation-delay: 3.79s; }
@keyframes radar-contact { 0%, 5% { opacity: 1; } 28% { opacity: .35; } 100% { opacity: .2; } }
@keyframes radar-echo { 0% { opacity: .8; transform: scale(.4); } 22%, 100% { opacity: 0; transform: scale(1.7); } }
@media (prefers-reduced-motion: reduce) { .radar-sweep { animation: none; transform: rotate(45deg); }.ping { animation: none; opacity: .8; }.ping::after { display: none; } }
.terminal-card { width: min(85%, 440px); z-index: 2; background: rgba(5,14,12,.79); border: 1px solid rgba(168,255,120,.18); border-radius: 10px; backdrop-filter: blur(12px); box-shadow: 0 30px 80px rgba(0,0,0,.38); transform: rotate(-2deg); }
.terminal-head { height: 42px; display: flex; gap: 6px; align-items: center; padding: 0 15px; border-bottom: 1px solid var(--line); }
.terminal-head > span { width: 7px; height: 7px; border-radius: 50%; background: #46514d; }.terminal-head > span:first-child { background: var(--acid); }
.terminal-head small { margin-left: auto; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: #63716a; font-size: 9px; }
.terminal-body { padding: 22px 25px 25px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; color: #a7b3ad; }
.terminal-body p { margin: 0; padding: 9px 0; border-bottom: 1px dashed rgba(255,255,255,.07); }
.terminal-body .muted { color: #43524b; margin-right: 10px; }.terminal-body b { color: var(--cyan); margin-right: 10px; font-weight: 600; }
.terminal-result { color: var(--paper) !important; border: 0 !important; margin-top: 12px !important; }.terminal-result > span:first-child { color: var(--acid); margin-right: 8px; }
.cursor { color: var(--acid); animation: blink 1s steps(1) infinite; } @keyframes blink { 50% { opacity: 0; } }
.metric-card { position: absolute; right: -2%; bottom: 11%; z-index: 3; padding: 17px 19px; background: var(--acid); color: var(--ink); border-radius: 4px; display: flex; align-items: center; gap: 11px; box-shadow: 0 15px 50px rgba(0,0,0,.3); }
.metric-card strong { font-size: 31px; letter-spacing: -2px; }.metric-card span { font-size: 8px; line-height: 1.35; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; }

.signal-strip { min-height: 112px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: grid; grid-template-columns: repeat(4, 1fr); padding: 0 clamp(24px, 6.7vw, 112px); }
.signal-strip > div { padding: 27px 30px; border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: center; gap: 7px; }
.signal-strip > div:first-child { border-left: 1px solid var(--line); }
.signal-strip span { color: #627169; font-size: 8px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 800; }
.signal-strip strong { font-size: 12px; font-weight: 700; }

.section { padding: 125px clamp(24px, 6.7vw, 112px); }
.section-label { display: flex; align-items: center; gap: 14px; color: #77847e; text-transform: uppercase; font-size: 9px; font-weight: 800; letter-spacing: 2px; margin-bottom: 70px; }
.section-label::after { content: ""; height: 1px; background: var(--line); flex: 1; }.section-label span { color: var(--acid); }
.profile-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 11vw; }
.profile-grid h2, .section-heading h2, .credentials-copy h2, .recognition-copy h2, .cta-copy h2 { margin: 0; font-size: clamp(42px, 5.4vw, 84px); line-height: .98; letter-spacing: -.055em; font-weight: 650; }
.profile-copy { font-size: 16px; line-height: 1.75; color: #9ba69f; padding-top: 6px; }
.profile-copy p { margin: 0 0 25px; }
.whoami-section { --accent: var(--acid); position: relative; background: radial-gradient(ellipse at 85% 60%, #a8ff780a, transparent 60%); }
.whoami-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 8vw; align-items: center; }
.whoami-copy h2 { font-size: clamp(45px, 5.5vw, 84px); line-height: .98; letter-spacing: -.055em; margin: 24px 0 32px; }
.whoami-copy h2 em { color: var(--accent); font-family: var(--serif); font-weight: 400; }
.whoami-copy > p:not(.kicker) { color: #aeb8b2; font-size: 15px; line-height: 1.8; max-width: 580px; }
.whoami-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 28px; }
.whoami-tags span { border: 1px solid #ffffff2e; border-radius: 30px; padding: 10px 13px; font-size: 9px; letter-spacing: .5px; }
.whoami-tags span:nth-child(2) { color: #07100e; background: var(--accent); border-color: var(--accent); transform: rotate(-5deg); }
.whoami-console { background: #0d1715; border: 1px solid #ffffff29; border-radius: 12px; box-shadow: 12px 12px 0 #a8ff7809; overflow: hidden; transform: rotate(2deg); }
.whoami-console.is-visible { transform: rotate(2deg); }
.whoami-console-top { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); padding: 16px 20px; }
.whoami-console-top > span { display: flex; gap: 6px; }.whoami-console-top i { width: 6px; height: 6px; border-radius: 50%; background: #68786d; }.whoami-console-top i:first-child { background: var(--accent); }.whoami-console-top i:last-child { background: var(--acid); }
.whoami-console-top small { font: 10px ui-monospace, monospace; color: #81948b; }
.whoami-command { margin: 23px 26px 0; font: 14px ui-monospace, monospace; }.whoami-command > span { color: var(--acid); margin-right: 10px; }
.whoami-player { display: flex; flex-direction: column; align-items: center; padding: 26px 25px; margin: 22px 25px; background-image: radial-gradient(#ffffff15 1px, transparent 1px); background-size: 16px 16px; border: 1px solid #ffffff12; border-radius: 5px; }
.player-label { font: 8px ui-monospace, monospace; color: var(--accent); letter-spacing: 2px; }
.game-controller { width: min(100%, 240px); color: var(--accent); margin: 10px 0 14px; filter: drop-shadow(0 0 16px #a8ff781a); }
.whoami-player strong { font-size: 21px; letter-spacing: -.5px; }.player-motto { color: #95a69c; font: 10px ui-monospace, monospace; margin-top: 12px; }
.whoami-stats { padding: 0 26px 26px; margin: 0; }.whoami-stats > div { padding: 13px 0; display: grid; grid-template-columns: .75fr 1.25fr; gap: 10px; border-bottom: 1px dashed var(--line); }.whoami-stats dt { color: #7c8b83; font: 8px/1.6 ui-monospace, monospace; letter-spacing: 1px; }.whoami-stats dd { margin: 0; font: 10px/1.6 ui-monospace, monospace; color: #d5ddd7; }.whoami-stats dd > span { color: var(--acid); }
@media (max-width: 980px) { .whoami-grid { grid-template-columns: 1fr; gap: 50px; }.whoami-console { max-width: 540px; width: 100%; justify-self: center; } }
@media (max-width: 680px) { .whoami-console, .whoami-console.is-visible { transform: none; }.whoami-stats > div { grid-template-columns: 1fr; gap: 6px; } }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 62px; }
.section-heading h2 { text-align: right; }
.expertise-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.assessment-explorer { border: 1px solid rgba(168,255,120,.24); background: #0c1916; margin-bottom: 28px; padding: clamp(22px, 3vw, 42px); border-radius: 8px; }
.explorer-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 26px; }
.explorer-heading > span { color: #91a198; font-size: 11px; }
.explorer-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.explorer-tabs button { border: 1px solid #536058; background: transparent; border-radius: 40px; color: #c6cbc2; padding: 12px 19px; cursor: pointer; font-size: 12px; transition: background .2s, color .2s; }
.explorer-tabs button[aria-selected="true"] { background: var(--acid); border-color: var(--acid); color: #07100e; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 5px; }
.explorer-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 5vw; padding-top: 36px; margin-top: 28px; border-top: 1px solid var(--line); }
.explorer-number { color: var(--accent); font: 12px ui-monospace, monospace; }
.explorer-panel h3 { font-size: clamp(27px, 3vw, 44px); letter-spacing: -1.5px; margin: 12px 0 18px; }
.explorer-panel p, .explorer-panel dd { color: #b3beb6; font-size: 14px; line-height: 1.7; margin: 0; }
.explorer-panel dl { margin: 0; }.explorer-panel dl > div + div { margin-top: 23px; }
.explorer-panel dt { color: var(--acid); text-transform: uppercase; letter-spacing: 1.3px; font-size: 9px; margin-bottom: 9px; font-weight: 800; }
.email-copy-row { display: flex; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap; margin-top: 27px; font-size: 12px; }
.email-copy-row button { background: transparent; border: 1px solid #07100e55; color: #07100e; border-radius: 30px; padding: 8px 12px; cursor: pointer; font-size: 11px; }
.copy-status { min-height: 18px; font-size: 11px; }
@media (max-width: 680px) { .explorer-panel { grid-template-columns: 1fr; gap: 28px; }.explorer-heading { align-items: start; flex-direction: column; }.explorer-tabs button { padding: 11px 14px; font-size: 11px; } }
.expertise-card { position: relative; min-height: 390px; padding: 43px; background: var(--ink); overflow: hidden; transition: background .35s ease; }
.expertise-card::after { content: ""; position: absolute; width: 190px; height: 190px; right: -80px; bottom: -100px; border: 1px solid rgba(168,255,120,.12); border-radius: 50%; transition: .35s; }
.expertise-card:hover { background: var(--ink-soft); }.expertise-card:hover::after { transform: scale(1.4); border-color: rgba(168,255,120,.28); }
.card-index { position: absolute; right: 30px; top: 29px; color: #4f5d56; font: 9px ui-monospace, SFMono-Regular, Menlo, monospace; }
.card-icon { width: 43px; height: 43px; display: grid; place-items: center; color: var(--acid); border: 1px solid rgba(168,255,120,.24); border-radius: 50%; font-size: 19px; margin-bottom: 60px; }
.expertise-card h3 { font-size: 25px; letter-spacing: -.8px; margin: 0 0 18px; }
.expertise-card p { color: #89958e; font-size: 13px; line-height: 1.7; max-width: 450px; }
.expertise-card ul { list-style: none; padding: 0; margin: 24px 0 0; display: flex; flex-wrap: wrap; gap: 7px; }
.expertise-card li { border: 1px solid var(--line); border-radius: 100px; padding: 7px 10px; font-size: 8px; text-transform: uppercase; letter-spacing: .8px; color: #9ca79f; }

.credentials-section { background: var(--paper); color: var(--ink); }
.credentials-section .section-label { color: #728078; }.credentials-section .section-label::after { background: rgba(7,16,14,.14); }
.credentials-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 10vw; align-items: start; }
.credentials-copy { position: sticky; top: 70px; }
.credentials-copy .kicker { color: #397a5c; }.credentials-copy h2 { font-size: clamp(40px, 4.6vw, 70px); margin: 22px 0 29px; }
.credentials-copy > p:last-child { max-width: 450px; line-height: 1.7; color: #66716b; font-size: 14px; }
.credential { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 20px; padding: 26px 8px; border-bottom: 1px solid rgba(7,16,14,.14); }
.credential:first-child { border-top: 1px solid rgba(7,16,14,.14); }
.credential-badge { width: 54px; height: 54px; border: 1px solid rgba(7,16,14,.18); border-radius: 50%; display: grid; place-items: center; }
.credential-badge span { font-size: 9px; font-weight: 900; letter-spacing: -.4px; }
.credential p { color: #7c8881; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 7px; }
.credential h3 { margin: 0; font-size: 14px; letter-spacing: -.2px; }
.credential-code { font: 700 11px ui-monospace, SFMono-Regular, Menlo, monospace; color: #2e7351; }
.pro-labs { border-bottom-color: rgba(46,115,81,.35); }

.experience-section { background: #0a1512; }
.experience-heading { display: grid; grid-template-columns: .65fr 1.35fr; align-items: end; gap: 5vw; margin-bottom: 72px; }
.experience-heading h2 { margin: 0; max-width: 880px; font-size: clamp(44px, 5.2vw, 80px); line-height: .98; letter-spacing: -.055em; }
.timeline { border-top: 1px solid var(--line); }
.timeline-item { display: grid; grid-template-columns: .48fr .75fr 1fr; gap: 5vw; align-items: start; padding: 34px 0; border-bottom: 1px solid var(--line); }
.timeline-date { color: var(--acid); font: 9px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; letter-spacing: .8px; }
.timeline-role p { margin: 0 0 9px; color: #718078; font-size: 9px; text-transform: uppercase; letter-spacing: 1.35px; font-weight: 750; }
.timeline-role h3 { margin: 0; font-size: 18px; line-height: 1.35; letter-spacing: -.35px; }
.timeline-summary { margin: 0; color: #89958e; font-size: 13px; line-height: 1.72; }

.recognition-section { padding-bottom: 150px; }
.recognition-card { min-height: 440px; border: 1px solid rgba(168,255,120,.2); position: relative; overflow: hidden; display: grid; grid-template-columns: .6fr 1.2fr .2fr; align-items: center; gap: 6vw; padding: 65px 7vw; background: linear-gradient(125deg, rgba(168,255,120,.04), rgba(101,231,214,.02)); }
.recognition-card::before { content: ""; position: absolute; width: 650px; height: 650px; left: -430px; top: -105px; border: 1px solid rgba(168,255,120,.09); border-radius: 50%; box-shadow: 0 0 0 70px rgba(168,255,120,.015), 0 0 0 140px rgba(168,255,120,.012); }
.recognition-mark { position: relative; width: 190px; height: 190px; border-radius: 50%; border: 1px solid rgba(168,255,120,.3); display: grid; place-items: center; }
.recognition-mark::before, .recognition-mark::after, .recognition-mark i { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(168,255,120,.12); inset: 15px; }
.recognition-mark::after { inset: 34px; }.recognition-mark i:first-of-type { width: 1px; height: 80%; inset: 10% auto auto 50%; border: 0; background: rgba(168,255,120,.14); }.recognition-mark i:last-of-type { height: 1px; width: 80%; inset: 50% auto auto 10%; border: 0; background: rgba(168,255,120,.14); }
.recognition-mark span { position: relative; z-index: 2; color: var(--acid); font-size: 28px; letter-spacing: -2px; font-weight: 850; }
.recognition-copy h2 { font-size: clamp(42px, 4.8vw, 74px); margin: 20px 0 28px; }
.recognition-copy > p:last-child { color: #93a098; font-size: 14px; line-height: 1.75; max-width: 620px; }
.recognition-year { align-self: end; justify-self: end; color: rgba(168,255,120,.18); font: 700 80px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: -8px; }

.cta-section { position: relative; min-height: 650px; display: grid; place-items: center; text-align: center; overflow: hidden; background: var(--acid); color: var(--ink); padding: 80px 24px; }
.cta-section::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(7,16,14,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(7,16,14,.05) 1px, transparent 1px); background-size: 65px 65px; }
.cta-copy { position: relative; z-index: 2; }.cta-copy .kicker { color: #356443; }.cta-copy h2 { font-size: clamp(55px, 7vw, 110px); margin: 25px 0 45px; }
.button-light { background: var(--ink); color: var(--paper); min-height: 58px; padding-inline: 29px; }
.cta-actions { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.button-outline-dark { color: var(--ink); border: 1px solid rgba(7,16,14,.3); min-height: 58px; padding-inline: 29px; }
.cta-orbit { position: absolute; width: 660px; height: 660px; border: 1px solid rgba(7,16,14,.11); border-radius: 50%; }
.cta-orbit::before, .cta-orbit::after { content: ""; position: absolute; border: 1px solid rgba(7,16,14,.08); border-radius: 50%; inset: 12%; }.cta-orbit::after { inset: 28%; }
.cta-orbit span { position: absolute; width: 12px; height: 12px; border-radius: 50%; top: 7%; left: 29%; background: var(--ink); box-shadow: 0 0 0 7px rgba(7,16,14,.12); }

footer { min-height: 180px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 27px; padding: 40px clamp(24px, 6.7vw, 112px); border-top: 1px solid var(--line); }
.footer-brand { width: 64px; height: 64px; display: grid; place-items: center; }.footer-brand img { display: block; width: 100%; height: 100%; object-fit: contain; }
footer p { color: #79867f; font-size: 11px; }.footer-links { display: flex; gap: 25px; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: 1px; }
footer small { grid-column: 2; color: #4c5952; font-size: 9px; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal[data-delay="1"] { transition-delay: .1s; }.reveal[data-delay="2"] { transition-delay: .2s; }.reveal[data-delay="3"] { transition-delay: .3s; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 980px) {
  .site-header { height: 78px; }
  .menu-toggle { display: block; position: relative; z-index: 2; }
  nav { position: fixed; inset: 0; background: rgba(7,16,14,.98); flex-direction: column; justify-content: center; gap: 30px; font-size: 18px; transform: translateY(-105%); transition: transform .35s ease; }
  nav.is-open { transform: none; }.menu-toggle.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }.menu-toggle.is-open span:nth-child(2) { opacity: 0; }.menu-toggle.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .hero { height: auto; min-height: 1000px; grid-template-columns: 1fr; padding-top: 150px; }
  .hero-visual { min-height: 470px; }.radar { width: min(75vw, 510px); }.metric-card { right: 8%; }
  .profile-grid, .credentials-layout { grid-template-columns: 1fr; gap: 50px; }.credentials-copy { position: static; }
  .experience-heading { grid-template-columns: 1fr; gap: 20px; }.timeline-item { grid-template-columns: .4fr 1fr; }.timeline-summary { grid-column: 2; }
  .recognition-card { grid-template-columns: .5fr 1fr; }.recognition-year { display: none; }
}

@media (max-width: 680px) {
  h1 { font-size: clamp(59px, 19vw, 88px); }
  .brand-copy { display: none; }
  .hero { min-height: 950px; gap: 10px; padding-left: 24px; padding-right: 24px; }
  .hero-intro { font-size: 16px; }.hero-visual { min-height: 415px; }.terminal-card { width: 96%; }.metric-card { right: 0; bottom: 2%; }
  .signal-strip { grid-template-columns: 1fr 1fr; padding: 0; }.signal-strip > div { border-bottom: 1px solid var(--line); border-left: 0 !important; }.signal-strip > div:nth-child(2n) { border-right: 0; }
  .section { padding-top: 90px; padding-bottom: 90px; }.section-label { margin-bottom: 45px; }.profile-grid h2 { font-size: 42px; }
  .section-heading { display: block; }.section-heading h2 { text-align: left; margin-top: 20px; }.expertise-grid { grid-template-columns: 1fr; }.expertise-card { padding: 32px; min-height: 370px; }
  .credential { grid-template-columns: 52px 1fr; }.credential-code { grid-column: 2; }
  .timeline-item { grid-template-columns: 1fr; gap: 13px; }.timeline-summary { grid-column: 1; }.timeline-date { margin-bottom: 7px; }
  .recognition-section { padding-inline: 18px; }.recognition-card { grid-template-columns: 1fr; padding: 48px 28px; }.recognition-mark { width: 130px; height: 130px; }.recognition-copy h2 { font-size: 41px; }
  .cta-section { min-height: 560px; }.cta-copy h2 { font-size: 56px; }.cta-orbit { width: 480px; height: 480px; }
  footer { grid-template-columns: auto 1fr; }.footer-links { grid-column: 1 / -1; justify-content: space-between; }.footer-links + small { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* The credential collection: original emblems, tactile cards, native swipe. */
.credentials-section { background: #11151e; color: #f0f1ec; overflow: hidden; }
.credentials-section .section-label { color: #a0a6b4; }
.credentials-section .section-label::after { background: #ffffff26; }
.credentials-section .section-label span { color: var(--accent); }
.credentials-layout { display: block; }
.credentials-copy { position: static; display: grid; grid-template-columns: 1.5fr .7fr; column-gap: 8vw; margin-bottom: 50px; }
.credentials-copy .kicker { color: var(--accent); grid-column: 1 / -1; }
.credentials-copy h2 { margin: 10px 0 0; font-size: clamp(44px, 6vw, 88px); }
.credentials-copy h2 em { color: var(--accent); font-family: var(--serif); font-weight: 400; }
.credentials-copy > p:last-child { color: #a0a6b4; align-self: end; margin: 0 0 4px; }
.cert-carousel { min-width: 0; outline-offset: 10px; }
.cert-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; gap: 15px; }
.cert-toolbar > span { color: #939bab; font: 9px ui-monospace, monospace; letter-spacing: 2px; }
.cert-toolbar > div { display: flex; gap: 8px; }
.cert-toolbar button { cursor: pointer; border: 1px solid #ffffff42; background: transparent; color: #f0f1ec; border-radius: 50%; width: 44px; height: 44px; font-size: 22px; transition: background .2s, color .2s, transform .2s; }
.cert-toolbar button:hover { background: var(--accent); color: #11151e; transform: rotate(-12deg); }
.credential-list { display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding: 18px 3px 24px; overscroll-behavior-x: contain; }
.credential-list::-webkit-scrollbar { display: none; }
.credential-list::after { content: ''; flex: 0 0 var(--cert-tail, 0px); }
.credential-list .credential { --cert-color: #ffb35a; position: relative; flex: 0 0 calc((100% - 48px) / 3); display: flex; flex-direction: column; align-items: stretch; gap: 0; padding: 27px; background: #1a202c; border: 1px solid #ffffff24; border-radius: 15px; scroll-snap-align: start; opacity: 1; transform: scale(.97); transition: transform .5s, border-color .5s, background .5s; overflow: hidden; min-height: 465px; }
.credential-list .credential.is-current { transform: scale(1); border-color: var(--cert-color); background: linear-gradient(145deg, color-mix(in srgb, var(--cert-color) 10%, #1a202c), #1a202c 70%); }
.credential-list .credential::after { content: ''; position: absolute; top: -100%; left: -80%; width: 40%; height: 300%; transform: rotate(35deg); background: linear-gradient(90deg, transparent, #ffffff08, transparent); pointer-events: none; }
.credential-list .credential.is-current::after { animation: cert-shine 3s ease-out; }
@keyframes cert-shine { to { left: 160%; } }
.cert-card-top { display: flex; justify-content: space-between; color: #b4bdcb; font: 9px ui-monospace, monospace; letter-spacing: 1px; }
.cert-card-top span:first-child { color: var(--cert-color); }
.credential-list .credential-badge { width: 160px; height: 160px; border: 0; border-radius: 0; align-self: center; position: relative; margin: 29px 0 24px; color: var(--cert-color); }
.credential-badge svg { width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 0 14px color-mix(in srgb, var(--cert-color) 20%, transparent)); }
.cert-orbit { transform-origin: 80px 80px; animation: cert-orbit 32s linear infinite; }
@keyframes cert-orbit { to { transform: rotate(360deg); } }
.cert-emblem-code { font: 800 22px var(--sans); fill: currentColor; text-anchor: middle; letter-spacing: -1px; }
.credential-list .credential > div:not(.credential-badge):not(.cert-card-top) { flex: 1; }
.credential-list .credential p { color: var(--cert-color); font-size: 9px; margin-bottom: 10px; }
.credential-list .credential h3 { color: #f0f1ec; font-size: 20px; line-height: 1.25; letter-spacing: -.5px; min-height: 52px; }
.credential-list .credential .cert-description { color: #aeb7c8; font-size: 12px; line-height: 1.6; text-transform: none; letter-spacing: 0; font-weight: 400; margin: 15px 0 25px; }
.credential-list .credential-code { display: none; }
.cert-link { display: flex; justify-content: space-between; gap: 10px; padding-top: 17px; border-top: 1px solid #ffffff24; color: #d4d9e1; font-size: 10px; text-transform: uppercase; letter-spacing: .8px; }
.cert-link:hover { color: var(--cert-color); }
.cert-navigation { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 7px; }
.cert-dots { display: flex; gap: 7px; flex-wrap: wrap; }
.cert-dots button { cursor: pointer; width: 8px; height: 8px; padding: 0; border: 0; background: #ffffff35; border-radius: 100px; transition: width .35s, background .35s; position: relative; }
.cert-dots button::after { content: ''; position: absolute; inset: -8px -3px; }
.cert-dots button[aria-current="true"] { width: 30px; background: var(--accent); }
#cert-position { color: #b4bdcb; font: 10px ui-monospace, monospace; white-space: nowrap; }
.cert-hint { color: #929caf; font-size: 10px; margin-top: 25px; }.cert-hint span { color: var(--accent); margin: 0 6px; }
@media (max-width: 1050px) { .credential-list .credential { flex-basis: calc((100% - 24px) / 2); } }
@media (max-width: 680px) { .credentials-copy { display: block; }.credentials-copy > p:last-child { margin-top: 24px; }.credential-list { gap: 15px; }.credential-list .credential { flex-basis: 90%; padding: 24px; min-height: 455px; }.cert-toolbar > span { font-size: 8px; letter-spacing: 1px; }.cert-dots { gap: 6px; }.cert-dots button { width: 6px; height: 6px; }.cert-dots button[aria-current="true"] { width: 21px; } }
@media (prefers-reduced-motion: reduce) { .credential-list { scroll-behavior: auto; }.cert-orbit, .credential-list .credential.is-current::after { animation: none; } }

.cert-marquee .credential-list { scroll-snap-type: none; scroll-behavior: auto; gap: 24px; padding-block: 18px 30px; }
.cert-marquee .credential-list::after { display: none; }
.cert-marquee .credential { flex: 0 0 330px; transform: none; min-height: 485px; transition: border-color .35s, background .35s, box-shadow .35s; }
.cert-marquee .credential:hover, .cert-marquee .credential:focus-within { border-color: var(--cert-color); background: linear-gradient(145deg, color-mix(in srgb, var(--cert-color) 12%, #1a202c), #1a202c 70%); box-shadow: 0 8px 28px #0003; }
.cert-marquee .credential:hover::after { animation: cert-shine 2s ease-out; }
.cert-marquee #cert-motion { width: auto; height: 39px; padding: 0 17px; border-radius: 25px; font-size: 10px; white-space: nowrap; }
.cert-marquee #cert-motion:hover { transform: none; }
.cert-marquee .cert-hint { margin-top: 4px; }
@media (max-width: 680px) { .cert-marquee .credential { flex-basis: min(300px, 82vw); }.cert-marquee .credential-list { gap: 18px; } }
@media (prefers-reduced-motion: reduce) { .cert-marquee .credential:hover::after { animation: none; } }