:root {
  --bg: #08111f;
  --bg-2: #0c1729;
  --surface: #101d31;
  --surface-2: #14243a;
  --paper: #f4f1ea;
  --ink: #f6f8fb;
  --ink-dark: #111827;
  --muted: #9ca9bc;
  --muted-dark: #627084;
  --line: rgba(255,255,255,.12);
  --line-dark: rgba(8,17,31,.12);
  --orange: #ffad63;
  --blue: #7aa7ff;
  --mint: #84e2c5;
  --lavender: #b7a7ff;
  --max: 1220px;
  --radius: 28px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--orange); color: #08111f; }
.container { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; }
.mono { font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }

.noise {
  position: fixed; inset: 0; z-index: 1000; pointer-events: none; opacity: .045; mix-blend-mode: soft-light;
  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='.7'/%3E%3C/svg%3E");
}
.cursor-glow {
  position: fixed; width: 380px; height: 380px; border-radius: 50%; pointer-events: none; z-index: 0;
  background: radial-gradient(circle, rgba(122,167,255,.11), transparent 68%); transform: translate(-50%,-50%);
  opacity: 0; transition: opacity .35s ease;
}
body:hover .cursor-glow { opacity: 1; }

.site-header {
  position: fixed; inset: 0 0 auto 0; z-index: 100; height: 82px;
  background: linear-gradient(to bottom, rgba(8,17,31,.92), rgba(8,17,31,.58) 75%, transparent);
  backdrop-filter: blur(16px);
}
.nav { height: 82px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; align-items: center; gap: 13px; font-weight: 800; letter-spacing: -.02em; }
.brand-orbit {
  width: 43px; height: 43px; border: 1px solid rgba(255,255,255,.23); border-radius: 50%; display: grid; place-items: center; position: relative;
}
.brand-orbit::after { content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:var(--orange); top:1px; right:2px; box-shadow:0 0 16px var(--orange); }
.brand-orbit span { font: 500 11px/1 "DM Mono", monospace; letter-spacing: .08em; }
.brand-orbit.small { width: 34px; height: 34px; }
.brand-orbit.small::after { width: 5px; height: 5px; }
.brand-name { font-size: 15px; }
.nav-links { display:flex; align-items:center; gap: 28px; font-size: 13px; font-weight: 700; color: #c6d0dd; }
.nav-links > a:not(.nav-button) { position: relative; }
.nav-links > a:not(.nav-button)::after { content:""; position:absolute; left:0; bottom:-8px; width:100%; height:1px; background:var(--orange); transform:scaleX(0); transform-origin:right; transition:transform .25s ease; }
.nav-links > a:not(.nav-button):hover::after { transform:scaleX(1); transform-origin:left; }
.nav-button { border:1px solid rgba(255,255,255,.18); padding: 10px 15px; border-radius:999px; color:#fff; background:rgba(255,255,255,.05); }
.menu-toggle { display:none; background:none; border:1px solid var(--line); color:#fff; border-radius:999px; padding:9px 14px; font:700 13px/1 "Manrope",sans-serif; }

.hero { min-height: 100svh; padding: 142px 0 84px; position: relative; display:flex; align-items:center; overflow:hidden; }
.hero::before {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.45;
  background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size: 74px 74px; mask-image:linear-gradient(to bottom, black, transparent 86%);
}
.hero-aurora { position:absolute; width:900px; height:720px; right:-180px; top:-120px; border-radius:50%; filter: blur(38px); opacity:.82; background: radial-gradient(circle at 35% 40%, rgba(122,167,255,.20), transparent 38%), radial-gradient(circle at 70% 35%, rgba(183,167,255,.19), transparent 34%), radial-gradient(circle at 60% 72%, rgba(255,173,99,.13), transparent 38%); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr); gap:70px; align-items:center; position:relative; z-index:1; }
.status-pill { display:inline-flex; align-items:center; gap:9px; padding:8px 12px; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(255,255,255,.04); color:#cbd5e1; font-size:12px; font-weight:700; }
.status-pill i { width:7px; height:7px; border-radius:50%; background:var(--mint); box-shadow:0 0 12px var(--mint); }
.hero-kicker { margin:30px 0 14px; font:500 12px/1.4 "DM Mono",monospace; letter-spacing:.11em; color:var(--orange); }
h1,h2,h3 { margin:0; line-height:1.05; letter-spacing:-.045em; }
h1 { font-size:clamp(58px,6.7vw,96px); max-width:880px; font-weight:700; }
.gradient-text { color:transparent; background:linear-gradient(90deg,var(--orange) 0%,#ffd3aa 28%,var(--blue) 70%,var(--lavender)); -webkit-background-clip:text; background-clip:text; }
.hero-lede { max-width:780px; color:#b4c0cf; font-size:19px; line-height:1.72; margin:28px 0 0; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:34px; }
.button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:0 20px; border-radius:999px; font-size:13px; font-weight:800; transition:transform .25s ease,background .25s ease,border-color .25s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#08111f; background:var(--orange); border:1px solid var(--orange); box-shadow:0 12px 40px rgba(255,173,99,.14); }
.button-primary:hover { background:#ffc086; }
.button-ghost { border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.04); }
.hero-proof { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:55px; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--line); max-width:850px; }
.hero-proof div { padding:18px 16px; background:rgba(8,17,31,.88); }
.hero-proof strong { display:block; font-size:21px; letter-spacing:-.04em; }
.hero-proof span { display:block; margin-top:4px; color:#8795a8; font-size:11px; }

.hero-visual { min-height:610px; position:relative; display:grid; place-items:center; }
.visual-frame { width:min(100%,520px); aspect-ratio:.82; border:1px solid rgba(255,255,255,.16); border-radius:32px; padding:25px; position:relative; overflow:hidden; background:linear-gradient(145deg,rgba(20,36,58,.88),rgba(8,17,31,.74)); box-shadow:0 40px 100px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter:blur(18px); }
.visual-frame::before { content:""; position:absolute; inset:-1px; border-radius:32px; padding:1px; background:linear-gradient(145deg,rgba(255,173,99,.55),transparent 30%,rgba(122,167,255,.42),transparent 72%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; }
.visual-frame::after { content:""; position:absolute; inset:0; opacity:.32; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:30px 30px; }
.visual-topline { display:flex; justify-content:space-between; position:relative; z-index:2; color:#8e9cae; font-size:10px; letter-spacing:.08em; }
.live-dot { color:var(--mint); font:500 10px/1 "DM Mono",monospace; }
.live-dot::before { content:""; width:6px; height:6px; display:inline-block; margin-right:7px; border-radius:50%; background:currentColor; box-shadow:0 0 10px currentColor; }
.monogram-stage { height:330px; position:relative; display:grid; place-items:center; z-index:2; }
.monogram { width:154px; height:154px; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(255,255,255,.22); background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.12),rgba(255,255,255,.025)); box-shadow:inset 0 0 0 16px rgba(255,255,255,.018),0 20px 60px rgba(0,0,0,.2); font:500 36px/1 "DM Mono",monospace; letter-spacing:.08em; }
.orbit { position:absolute; border:1px solid rgba(255,255,255,.12); border-radius:50%; animation:spin 18s linear infinite; }
.orbit::after { content:""; position:absolute; width:8px; height:8px; border-radius:50%; top:-4px; left:50%; background:var(--orange); box-shadow:0 0 18px var(--orange); }
.orbit-one { width:230px; height:230px; }
.orbit-two { width:300px; height:170px; transform:rotate(32deg); animation-duration:24s; animation-direction:reverse; }
.orbit-two::after { background:var(--blue); box-shadow:0 0 18px var(--blue); }
.orbit-three { width:175px; height:300px; transform:rotate(-30deg); animation-duration:30s; }
.orbit-three::after { background:var(--mint); box-shadow:0 0 18px var(--mint); }
.node { position:absolute; width:5px; height:5px; background:#fff; border-radius:50%; opacity:.6; }
.node-1 { top:30%; left:19%; }.node-2{ top:22%; right:21%; }.node-3{ bottom:25%; right:19%; }
.route-card { position:relative; z-index:2; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); padding:19px 0 18px; }
.route-label { color:#708096; font-size:9px; letter-spacing:.1em; margin-bottom:13px; }
.route-line { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; }
.route-city span { display:block; font-size:24px; font-weight:800; letter-spacing:-.05em; }.route-city small{display:block;color:#7e8da1;font-size:9px;margin-top:2px}.align-right{text-align:right}
.route-track { height:1px; background:linear-gradient(90deg,var(--orange),var(--blue)); position:relative; }
.route-track::before,.route-track::after{content:"";position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#fff}.route-track::before{left:0}.route-track::after{right:0}.route-track i{position:absolute;top:-3px;left:18%;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px var(--orange);animation:route 4s ease-in-out infinite}
.visual-tags { position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:7px; padding-top:18px; }
.visual-tags span { border:1px solid rgba(255,255,255,.11); border-radius:999px; padding:6px 9px; color:#95a4b8; font:500 9px/1 "DM Mono",monospace; background:rgba(255,255,255,.025); }
.floating-card { position:absolute; z-index:4; padding:15px 18px; border:1px solid rgba(255,255,255,.15); border-radius:18px; background:rgba(10,22,38,.85); backdrop-filter:blur(18px); box-shadow:0 22px 60px rgba(0,0,0,.25); }
.floating-card b { display:block; font-size:22px; color:#fff; letter-spacing:-.04em; }.floating-card span{display:block;color:#8595a9;font-size:9px;margin-top:2px}.floating-a{top:88px;right:-18px;animation:float 5s ease-in-out infinite}.floating-b{bottom:78px;left:-28px;animation:float 6s ease-in-out infinite reverse}
.hero-scroll { position:absolute; left:50%; bottom:26px; transform:translateX(-50%); display:flex; align-items:center; gap:12px; color:#5f7085; font:500 9px/1 "DM Mono",monospace; letter-spacing:.12em; }
.hero-scroll i { width:54px; height:1px; background:#46576b; position:relative; overflow:hidden; }.hero-scroll i::after{content:"";position:absolute;inset:0;background:var(--orange);transform:translateX(-100%);animation:scrollLine 2s ease-in-out infinite}

.marquee-wrap { overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#0b1525; }
.marquee { display:flex; width:max-content; align-items:center; gap:28px; padding:16px 0; animation:marquee 34s linear infinite; color:#8190a3; font:500 10px/1 "DM Mono",monospace; letter-spacing:.08em; }
.marquee i { color:var(--orange); font-style:normal; }

.section { padding:126px 0; position:relative; }
.section-index { margin-bottom:18px; color:var(--orange); font-size:10px; letter-spacing:.1em; }
.section h2 { font-size:clamp(46px,5vw,72px); font-weight:650; }
.section h2 span,.education-intro h2 span,.contact-copy h2 span { color:#7f91a7; }
.section-head { display:flex; justify-content:space-between; gap:70px; align-items:end; margin-bottom:58px; }
.section-head > p { max-width:500px; margin:0; color:var(--muted); font-size:16px; }
.sticky-heading { position:sticky; top:130px; align-self:start; }
.sticky-heading p { max-width:470px; color:var(--muted); font-size:16px; margin-top:24px; }

.story-section { background:var(--paper); color:var(--ink-dark); }
.story-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:90px; }
.story-section .section-index { color:#c66c26; }
.story-section .sticky-heading h2 span { color:#8d98a5; }
.story-section .sticky-heading p { color:var(--muted-dark); }
.story-cards { display:grid; gap:18px; }
.story-card { min-height:355px; border-radius:var(--radius); padding:36px; position:relative; overflow:hidden; border:1px solid var(--line-dark); background:rgba(255,255,255,.58); display:flex; flex-direction:column; justify-content:flex-end; }
.story-card::before { content:""; position:absolute; width:220px; height:220px; border-radius:50%; right:-90px; top:-100px; border:1px solid rgba(8,17,31,.08); box-shadow:0 0 0 28px rgba(8,17,31,.025),0 0 0 56px rgba(8,17,31,.018); }
.story-card-accent { background:#0d1a2c; color:#fff; border-color:transparent; }
.story-card-accent p{color:#9eadc0}.story-card-accent .story-year{color:var(--orange)}
.story-year { position:absolute; top:32px; left:36px; color:#9a6b43; font-size:10px; letter-spacing:.12em; }
.story-card h3 { max-width:660px; font-size:34px; font-weight:650; }
.story-card p { max-width:720px; margin:17px 0 24px; color:#5f6a77; font-size:16px; }
.story-chip { width:max-content; border:1px solid currentColor; border-radius:999px; padding:7px 10px; font:500 9px/1 "DM Mono",monospace; letter-spacing:.08em; opacity:.55; }

.impact-section { background:#091421; }
.bento-grid { display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:minmax(210px,auto); gap:16px; }
.metric-card { grid-column:span 4; min-height:320px; border:1px solid var(--line); border-radius:var(--radius); padding:28px; position:relative; overflow:hidden; background:linear-gradient(145deg,#101d31,#0c1728); display:flex; flex-direction:column; }
.metric-card::before { content:""; position:absolute; width:180px; height:180px; border-radius:50%; right:-100px; bottom:-120px; background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%); }
.metric-hero { grid-column:span 8; grid-row:span 2; min-height:656px; background:radial-gradient(circle at 80% 10%,rgba(255,173,99,.20),transparent 31%),linear-gradient(145deg,#17253a,#0d1828 65%); }
.metric-blue { background:radial-gradient(circle at 80% 10%,rgba(122,167,255,.28),transparent 40%),#10223c; }
.metric-wide { grid-column:span 8; }
.metric-dark { grid-column:span 4; background:#050a11; }
.metric-top { display:flex; justify-content:space-between; color:#6f8095; font-size:9px; letter-spacing:.1em; position:relative; z-index:2; }.metric-top i{font-style:normal;font-size:16px;color:#6e7f95}
.metric-value { display:block; margin-top:auto; font-size:clamp(58px,7vw,108px); line-height:.86; letter-spacing:-.075em; color:var(--orange); position:relative; z-index:2; }
.metric-card:not(.metric-hero) .metric-value { font-size:64px; }
.metric-blue .metric-value { color:#a9c5ff; }.metric-dark .metric-value{color:var(--mint)}
.metric-card h3 { margin-top:22px; font-size:26px; font-weight:650; position:relative; z-index:2; }
.metric-card p { margin:12px 0 0; color:#8fa0b4; max-width:620px; font-size:14px; position:relative; z-index:2; }
.metric-hero h3 { font-size:36px; }.metric-hero p{font-size:16px;max-width:660px}
.card-lines { position:absolute; right:34px; top:84px; width:210px; height:210px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.018),0 0 0 102px rgba(255,255,255,.012); }
.dual-metric { display:grid; grid-template-columns:auto 1fr auto 1fr; gap:16px; align-items:end; margin-top:auto; position:relative; z-index:2; }
.dual-metric strong { font-size:58px; line-height:1; letter-spacing:-.065em; color:#dce7f7; }.dual-metric span{color:#8190a4;font-size:11px;padding-bottom:6px}

.experience-section { background:var(--paper); color:var(--ink-dark); }
.experience-section .section-index { color:#c66c26; }.experience-section .section-head>p{color:var(--muted-dark)}
.career-shell { display:grid; grid-template-columns:260px 1fr; gap:55px; border-top:1px solid var(--line-dark); }
.career-rail { min-height:740px; padding-top:38px; position:relative; }
.career-company { font-size:54px; font-weight:800; letter-spacing:-.065em; }.career-years{margin-top:3px;color:#8a96a3;font:500 10px/1 "DM Mono",monospace}
.rail-line { position:absolute; left:20px; top:145px; bottom:0; width:1px; background:#d1d5d8; }.rail-line i{position:absolute;top:0;left:-3px;width:7px;height:7px;border-radius:50%;background:#c66c26;box-shadow:0 0 0 8px rgba(198,108,38,.12)}
.career-list { border-left:1px solid var(--line-dark); }
.career-item { display:grid; grid-template-columns:140px 1fr; gap:34px; padding:48px 0 50px 44px; border-bottom:1px solid var(--line-dark); }
.career-date { color:#9a6b43; font-size:10px; padding-top:5px; }.role-label{font:500 9px/1.4 "DM Mono",monospace;letter-spacing:.08em;color:#8c98a5;margin-bottom:13px}.career-copy h3{font-size:34px;font-weight:650}.career-copy p{max-width:760px;color:#5f6b79;margin:17px 0 22px}.role-tags{display:flex;flex-wrap:wrap;gap:7px}.role-tags span{border:1px solid #d5d9dd;border-radius:999px;padding:7px 9px;color:#6f7a86;font-size:10px;font-weight:700;background:rgba(255,255,255,.52)}

.capabilities-section { background:#0b1626; }
.capabilities-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:88px; }
.capability-stack { border-top:1px solid var(--line); }
.capability-card { display:grid; grid-template-columns:58px 1fr 30px; gap:20px; padding:31px 4px; border-bottom:1px solid var(--line); align-items:start; transition:padding .25s ease,background .25s ease; }
.capability-card:hover { padding-left:18px; padding-right:18px; background:rgba(255,255,255,.025); }
.cap-num { color:var(--orange); font-size:10px; padding-top:6px; }.capability-card h3{font-size:27px;font-weight:650}.capability-card p{margin:9px 0 0;color:#8999ad;max-width:650px}.capability-card i{font-style:normal;color:#5f7085;font-size:19px}

.ventures-section { background:#07101c; border-top:1px solid var(--line); }
.venture-row { display:grid; grid-template-columns:repeat(2,1fr); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.venture-panel { min-height:440px; padding:32px; border-right:1px solid var(--line); display:flex; flex-direction:column; position:relative; background:linear-gradient(180deg,rgba(255,255,255,.025),transparent); }
.venture-panel:last-child { border-right:0; }.venture-no{color:#627388;font-size:9px;letter-spacing:.1em}.venture-panel h3{font-size:30px;font-weight:650;margin-top:64px}.venture-panel p{color:#8999ad;font-size:14px}.venture-panel strong{margin-top:auto;font-size:44px;letter-spacing:-.06em;color:#fff}.venture-panel>span{color:var(--orange);font-size:10px;margin-top:1px}

.education-section { background:var(--paper); color:var(--ink-dark); }
.education-shell { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; align-items:start; }
.education-section .section-index { color:#c66c26; }.education-intro h2{font-size:clamp(46px,5vw,72px);font-weight:650}
.education-cards { border-top:1px solid var(--line-dark); }
.education-cards article { display:grid; grid-template-columns:78px 1fr; gap:24px; padding:29px 0; border-bottom:1px solid var(--line-dark); align-items:center; }
.edu-mark { width:62px; height:62px; border:1px solid #d4d9df; border-radius:50%; display:grid; place-items:center; font:500 10px/1 "DM Mono",monospace; color:#8a6a51; background:#fff; }
.education-cards span{color:#9a6b43;font-size:11px;font-weight:800}.education-cards h3{font-size:25px;font-weight:650;margin-top:5px}.education-cards p{margin:7px 0 0;color:#73808e;font-size:13px}

.principle-section { padding:115px 0; background:linear-gradient(110deg,#10213a,#14284a 48%,#3d2d2a); text-align:center; position:relative; overflow:hidden; }
.principle-section::before { content:""; position:absolute; inset:-40%; background:radial-gradient(circle,rgba(255,173,99,.18),transparent 35%); }
.principle-inner { position:relative; z-index:2; }.principle-inner>div{color:#b7c4d4;font-size:9px;letter-spacing:.12em}.principle-inner blockquote{max-width:1050px;margin:22px auto 0;font-size:clamp(42px,5.8vw,78px);line-height:1.08;letter-spacing:-.055em;font-weight:600}

.contact-section { background:#08111f; padding-bottom:100px; }
.contact-shell { min-height:590px; border:1px solid var(--line); border-radius:36px; overflow:hidden; position:relative; display:grid; grid-template-columns:1.1fr .9fr; align-items:end; background:linear-gradient(145deg,#102039,#0b1626 70%); }
.contact-glow { position:absolute; width:620px; height:620px; left:-180px; bottom:-330px; border-radius:50%; background:radial-gradient(circle,rgba(122,167,255,.3),rgba(183,167,255,.1) 30%,transparent 68%); }
.contact-copy { padding:58px; position:relative; z-index:2; }.contact-copy h2{font-size:clamp(50px,5.4vw,78px);font-weight:650}.contact-copy p{max-width:650px;color:#93a3b7;margin:22px 0 0}
.contact-panel { margin:28px; border:1px solid var(--line); border-radius:24px; overflow:hidden; position:relative; z-index:2; background:rgba(5,11,19,.34); backdrop-filter:blur(16px); }
.contact-panel a { display:grid; grid-template-columns:78px 1fr 24px; align-items:center; gap:16px; padding:21px 20px; border-bottom:1px solid var(--line); transition:background .2s ease; }.contact-panel a:last-child{border-bottom:0}.contact-panel a:hover{background:rgba(255,255,255,.055)}.contact-panel small{color:#64758a;font:500 9px/1 "DM Mono",monospace}.contact-panel strong{font-size:14px}.contact-panel i{font-style:normal;color:var(--orange)}

footer { padding:30px 0 45px; background:#08111f; }
.footer-inner { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; align-items:center; border-top:1px solid var(--line); padding-top:26px; color:#65768b; font-size:11px; }
.footer-inner>div{display:flex;align-items:center;gap:11px;color:#d7e0eb}.footer-inner>p:nth-child(2){text-align:center}.footer-inner>p:last-child{text-align:right}

/* Progressive enhancement: content is visible by default so the site still works in
   iOS file preview, privacy browsers, and environments where JavaScript is blocked. */
.reveal { opacity:1; transform:none; }
.reveal.visible { opacity:1; transform:none; }
.delay-1,.delay-2 { transition-delay:0s; }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes route { 0%,100%{left:5%;opacity:.5} 50%{left:92%;opacity:1} }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes scrollLine { 0%{transform:translateX(-100%)} 50%,100%{transform:translateX(100%)} }
@keyframes marquee { to { transform:translateX(-50%); } }


/* Executive role stack: recruiter/ATS-friendly keywords without mobile overflow */
.role-stack {
  display:grid;
  grid-template-columns:10px minmax(0,1fr);
  align-items:start;
  gap:12px;
  width:min(100%, 920px);
  border-radius:24px;
  padding:15px 18px;
  white-space:normal;
  line-height:1.35;
}
.role-stack > i { margin-top:7px; }
.status-copy { min-width:0; display:block; }
.status-location { display:block; margin-bottom:4px; color:var(--mint); font-size:9px; letter-spacing:.12em; }
.status-copy strong { display:block; color:#f7f9fc; font-size:15px; line-height:1.25; letter-spacing:-.015em; }
.status-roles, .status-domains { display:block; margin-top:5px; color:#aebbd0; font-size:10px; font-weight:600; line-height:1.5; }
.status-domains { color:#8295ad; }

@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr;gap:55px}.hero{padding-top:128px}.hero-visual{min-height:570px}.visual-frame{max-width:560px}.hero-proof{max-width:none}.story-grid,.capabilities-grid,.education-shell{grid-template-columns:1fr;gap:48px}.sticky-heading{position:relative;top:auto}.metric-card{grid-column:span 6}.metric-hero{grid-column:span 12;grid-row:auto;min-height:520px}.metric-wide{grid-column:span 12}.metric-dark{grid-column:span 6}.career-shell{grid-template-columns:190px 1fr}.venture-panel h3{font-size:26px}.contact-shell{grid-template-columns:1fr}.contact-panel{margin-top:0}.contact-copy{padding-bottom:32px}
}

@media (max-width:760px){
  .container{width:min(var(--max),calc(100% - 28px))}.site-header{height:70px}.nav{height:70px}.brand-name{font-size:14px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:74px;left:14px;right:14px;padding:14px;flex-direction:column;align-items:stretch;gap:3px;background:rgba(10,20,35,.97);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.35)}.nav-links.open{display:flex}.nav-links a{padding:11px 10px}.nav-button{text-align:center;margin-top:6px}.hero{padding:108px 0 74px;min-height:auto}.hero-kicker{margin-top:24px}h1{font-size:clamp(48px,14vw,72px)}.hero-lede{font-size:17px}.hero-proof{grid-template-columns:1fr 1fr}.hero-visual{min-height:520px}.visual-frame{width:94%;padding:20px}.monogram-stage{height:286px}.orbit-one{width:205px;height:205px}.orbit-two{width:260px;height:145px}.orbit-three{width:150px;height:260px}.monogram{width:132px;height:132px}.floating-a{right:-1px;top:58px}.floating-b{left:-1px;bottom:36px}.hero-scroll{display:none}.section{padding:88px 0}.section h2,.education-intro h2{font-size:clamp(40px,11vw,58px)}.section-head{display:block;margin-bottom:38px}.section-head>p{margin-top:18px}.story-card{padding:28px;min-height:330px}.story-year{left:28px;top:26px}.story-card h3{font-size:29px}.bento-grid{display:block}.metric-card,.metric-hero,.metric-wide,.metric-dark{min-height:330px;margin-bottom:14px}.metric-hero{min-height:470px}.metric-card:not(.metric-hero) .metric-value{font-size:58px}.dual-metric{grid-template-columns:auto 1fr}.dual-metric strong{font-size:48px}.career-shell{grid-template-columns:1fr;gap:0}.career-rail{min-height:auto;padding:28px 0;border-bottom:1px solid var(--line-dark)}.rail-line{display:none}.career-list{border-left:0}.career-item{grid-template-columns:1fr;gap:12px;padding:35px 0}.career-copy h3{font-size:29px}.capability-card{grid-template-columns:42px 1fr 22px}.capability-card h3{font-size:23px}.venture-row{grid-template-columns:1fr}.venture-panel{min-height:360px;border-right:0;border-bottom:1px solid var(--line)}.venture-panel:last-child{border-bottom:0}.venture-panel h3{margin-top:40px}.education-cards article{grid-template-columns:58px 1fr}.edu-mark{width:48px;height:48px}.education-cards h3{font-size:21px}.principle-section{padding:88px 0}.principle-inner blockquote{font-size:clamp(36px,11vw,54px)}.contact-shell{min-height:auto;border-radius:28px}.contact-copy{padding:38px 26px}.contact-copy h2{font-size:clamp(42px,12vw,62px)}.contact-panel{margin:0 16px 16px}.contact-panel a{grid-template-columns:62px 1fr 18px;padding:18px 15px}.contact-panel strong{font-size:12px;word-break:break-word}.footer-inner{grid-template-columns:1fr;text-align:left}.footer-inner>p:nth-child(2),.footer-inner>p:last-child{text-align:left;margin:0}.cursor-glow{display:none}
}


@media (max-width:760px){
  .role-stack{width:100%;border-radius:22px;padding:14px 15px;grid-template-columns:9px minmax(0,1fr);gap:10px}
  .status-copy strong{font-size:14px}
  .status-roles,.status-domains{font-size:9px;line-height:1.55}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.orbit,.route-track i,.floating-card,.marquee,.hero-scroll i::after{animation:none}.button{transition:none}
}