:root{color-scheme:dark;--bg:#070d1f;--bg-elevated:#111a34;--surface:#0e192ecc;--surface-strong:#15233ef2;--text:#eaf2ff;--muted:#a7b8d8;--accent:#ffb366;--accent-2:#5bd6ff;--accent-3:#f487c7;--link-cta:#e3a378;--line:#b4ceff3d;--shadow:0 16px 42px #050a1959;--radius:1.1rem;--radius-pill:999px;--container:min(1120px, calc(100vw - 2.2rem));--step--1:clamp(.86rem, .82rem + .16vw, .95rem);--step-0:clamp(1rem, .9rem + .35vw, 1.15rem);--step-1:clamp(1.2rem, 1.06rem + .55vw, 1.5rem);--step-2:clamp(1.5rem, 1.26rem + 1vw, 2.1rem);--step-3:clamp(2rem, 1.4rem + 2.3vw, 3.6rem);--font-body:"Space Grotesk", sans-serif;--font-display:"Orbitron", monospace;--font-mono:"Space Mono", monospace}html[data-theme=light]{color-scheme:light;--bg:#f4f7ff;--bg-elevated:#fff;--surface:#ffffffe0;--surface-strong:#fffffff5;--text:#111b33;--muted:#445173;--accent:#cf5f2e;--accent-2:#0c7fb0;--accent-3:#ad3c7d;--link-cta:#b86a3d;--line:#182b5629;--shadow:0 14px 36px #13223f24}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh;font-family:var(--font-body);font-size:var(--step-0);color:var(--text);background:radial-gradient(circle at 15% 18%, #5bd6ff29, transparent 28%), radial-gradient(circle at 85% 0%, #f487c721, transparent 26%), linear-gradient(145deg, var(--bg), var(--bg-elevated));margin:0;line-height:1.66}body:before{content:"";pointer-events:none;opacity:.26;mix-blend-mode:soft-light;z-index:-2;background-image:radial-gradient(#ffffff14 .45px,#0000 .45px);background-size:4px 4px;position:fixed;inset:0}#starfield-canvas{z-index:-3;opacity:.46;position:fixed;inset:0}a{color:inherit}img{max-width:100%;display:block}p{max-width:74ch;margin:0}h1,h2,h3{line-height:1.12;font-family:var(--font-display);letter-spacing:.02em;margin:0}h1{font-size:var(--step-3);text-wrap:balance}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}main{width:var(--container);margin:0 auto;padding:2.8rem 0 4.5rem}.section{border:1px solid var(--line);border-radius:calc(var(--radius) * 1.15);background:linear-gradient(175deg, var(--surface-strong), var(--surface));box-shadow:var(--shadow);margin-top:1.4rem;padding:clamp(2.5rem,1.6rem + 2.4vw,4.3rem)}.section-header{gap:.6rem;margin-bottom:clamp(1.5rem,1.1rem + 1vw,2.2rem);display:grid}.section-kicker{color:var(--accent-2);text-transform:uppercase;letter-spacing:.14em;font:700 var(--step--1) var(--font-mono);margin:0}.section-intro{color:var(--muted);font-size:var(--step-0);max-width:66ch}.hero{border:1px solid var(--line);border-radius:calc(var(--radius) * 1.25);box-shadow:var(--shadow);background:linear-gradient(135deg,#0c182dd6,#122346ad),url(/images/hero-background.jpg) 50%/cover no-repeat;grid-template-columns:1.3fr 1fr;align-items:center;gap:1.8rem;margin-top:1rem;padding:clamp(2.4rem,1.6rem + 2.5vw,4rem);display:grid}.hero h1{color:var(--text);text-shadow:0 2px 12px #03081480}.hero-kicker{color:var(--accent-2);font:700 var(--step--1) var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.hero-tagline{color:color-mix(in srgb, var(--text) 88%, var(--accent-2));font-size:var(--step-1);max-width:43ch;margin-top:1rem}html[data-theme=light] .hero{background:linear-gradient(135deg,#071225d1,#0e1e3bb8),url(/images/hero-background.jpg) 50%/cover no-repeat}html[data-theme=light] .hero-kicker{color:#86dcff}html[data-theme=light] .hero h1,html[data-theme=light] .hero-tagline,html[data-theme=light] .hero .button-ghost{color:#f3f8ff}html[data-theme=light] .tldr-strip li{color:#f3f8ff;background:#08142657;border-color:#f3f8ff80}.tldr-strip{flex-wrap:wrap;gap:.58rem;margin:1.4rem 0 0;padding:0;list-style:none;display:flex}.tldr-strip li{border:1px solid color-mix(in srgb, var(--accent) 62%, transparent);border-radius:var(--radius-pill);font:700 var(--step--1) var(--font-mono);background:#ffb3661f;align-items:center;padding:.4rem .85rem;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:.72rem;margin-top:1.5rem;display:flex}.button{appearance:none;border:1px solid color-mix(in srgb, var(--accent) 68%, transparent);border-radius:var(--radius-pill);background:linear-gradient(120deg, color-mix(in srgb, var(--accent) 80%, #fff 4%), var(--accent));color:#0a0f1c;font:700 var(--step--1) var(--font-mono);letter-spacing:.02em;cursor:pointer;padding:.6rem 1rem;text-decoration:none;transition:transform .16s,box-shadow .16s}.button:hover,.button:focus-visible{transform:translateY(-1px);box-shadow:0 10px 26px #cf5f2e47}.button-ghost{color:var(--text);border-color:var(--line);background:0 0}.hero-art{justify-self:end}.hero-art img{border-radius:var(--radius);border:1px solid var(--line);width:min(420px,100%);box-shadow:0 14px 36px #05091861}.site-header{z-index:20;backdrop-filter:blur(8px);padding:.8rem .8rem 0;position:sticky;top:0}.nav-shell{width:var(--container);border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-strong) 94%, transparent);flex-wrap:wrap;align-items:center;gap:1rem;margin:0 auto;padding:.5rem .75rem;display:flex}.wordmark{font:700 var(--step-0) var(--font-display);white-space:nowrap;text-decoration:none}.site-nav{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a{border-radius:var(--radius-pill);font:600 var(--step--1) var(--font-mono);color:var(--muted);border:1px solid #0000;padding:.35rem .65rem;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav a:focus-visible{color:var(--text);border-color:var(--line)}.site-nav a.is-active{color:#111726;background:linear-gradient(125deg, var(--accent-2), var(--accent));border-color:#0000}.header-actions{margin-left:auto}.theme-toggle{border:1px solid var(--line);border-radius:var(--radius-pill);display:inline-flex;overflow:hidden}.theme-toggle button{appearance:none;color:var(--muted);font:700 .72rem var(--font-mono);cursor:pointer;background:0 0;border:0;padding:.42rem .7rem}.theme-toggle button[aria-pressed=true]{background:linear-gradient(120deg, var(--accent-2), var(--accent));color:#121a2b}.odyssey-layout{grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:1.35rem;display:grid}.odyssey-media{flex-direction:column;align-items:center;gap:.75rem;display:flex}.odyssey-media img{aspect-ratio:auto;object-fit:contain;border-radius:var(--radius);border:1px solid var(--line);width:min(280px,100%);height:auto;max-height:none;box-shadow:var(--shadow)}.odyssey-media a{width:min(280px,100%)}.odyssey-media a img{width:100%}.odyssey-media .avatar{aspect-ratio:1;object-fit:cover;border-radius:50%;width:min(210px,75%);height:auto}.odyssey-copy{color:color-mix(in srgb, var(--text) 88%, var(--muted));gap:.9rem;display:grid}.odyssey-card{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 96%, transparent);padding:1rem}.odyssey-card h3{margin-bottom:.5rem;font-size:1rem}.family-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;display:grid}.family-card{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 96%, transparent);padding:.95rem}.family-card-body{text-align:center;justify-items:center;gap:.55rem;display:grid}.family-card-body img{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--accent-2) 45%, var(--line));border-radius:50%;width:min(74%,160px);height:auto}.family-link a{color:var(--accent-2);font:700 .78rem var(--font-mono);text-decoration:none}.career-timeline{gap:.85rem;display:grid}.career-role{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 96%, transparent);overflow:hidden}.career-role summary{cursor:pointer;padding:.9rem 1rem;list-style:none}.career-role summary::-webkit-details-marker{display:none}.career-role summary:after{content:"+";float:right;font:700 1.2rem var(--font-mono);color:var(--accent-2)}.career-role[open] summary:after{content:"-"}.career-summary-row{align-items:center;gap:.85rem;display:flex}.career-logos{gap:.4rem;display:flex}.career-logos img{border:1px solid var(--line);border-radius:8px;width:42px;height:42px}.career-meta{font:600 var(--step--1) var(--font-mono);color:var(--muted);margin-top:.25rem}.career-content{border-top:1px solid var(--line);gap:.65rem;padding:.8rem 1rem 1rem;display:grid}.career-content ul{color:color-mix(in srgb, var(--text) 88%, var(--muted));margin:0;padding-left:1.2rem}.connect-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-top:1rem;display:grid}.connect-card{border-radius:var(--radius);color:#262318;background:#f2e8c6;border:1px solid #1c1e1838;align-content:center;justify-items:center;gap:.5rem;min-height:140px;padding:.9rem;text-decoration:none;display:grid}.connect-card img{width:72px;height:72px}.connect-card span{font:700 var(--step--1) var(--font-mono);color:#3a3320}.connect-card:hover span,.connect-card:focus-visible span{color:#111}.connect-copy-card{appearance:none;cursor:pointer;width:100%}footer{width:var(--container);border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 96%, transparent);margin:0 auto 2.4rem;padding:1.2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;display:grid}.footer-widget,.poster-credit{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-strong) 87%, transparent);padding:.7rem}.footer-widget{transition:transform .18s,box-shadow .18s;display:block;overflow:hidden}.footer-widget:hover,.footer-widget:focus-within,.footer-widget[open]{transform:translateY(-2px);box-shadow:0 14px 28px #050c1e47}.footer-widget summary{cursor:pointer;gap:.65rem;list-style:none;display:grid;position:relative}.footer-widget summary::-webkit-details-marker{display:none}.footer-summary-copy{gap:.28rem;display:grid}.footer-expand-hint{border-top:1px solid var(--line);width:100%;font:700 .72rem var(--font-mono);color:var(--accent-2);align-items:center;gap:.35rem;margin-top:.4rem;padding-top:.65rem;display:inline-flex}.footer-expand-hint:before{content:"+";border:1px solid color-mix(in srgb, var(--accent-2) 70%, transparent);border-radius:50%;place-items:center;width:1rem;height:1rem;font-size:.72rem;line-height:1;display:inline-grid}.footer-widget[open] .footer-expand-hint:before{content:"-"}.footer-extra{gap:.6rem;margin-top:.5rem;padding-top:.65rem;display:grid}.footer-static-link{margin-top:.3rem}.footer-static-link a,.footer-extra a{color:var(--link-cta);font:700 .78rem var(--font-mono);text-decoration:none}.footer-widget img,.poster-credit img{border-radius:calc(var(--radius) - .25rem);border:1px solid var(--line);aspect-ratio:16/15;object-fit:cover;width:100%}.footer-widget p,.poster-credit p{color:var(--muted);font-size:var(--step--1)}.poster-credit-art{align-content:stretch;padding:1rem;display:grid}.poster-credit-art img{aspect-ratio:auto;object-fit:contain;width:min(238px,100%);height:auto;margin:0 auto}.footer-note{text-align:center;color:var(--muted);font-size:var(--step--1);margin-top:.95rem}.skip-link{z-index:30;background:var(--accent);color:#091120;font:700 .78rem var(--font-mono);border-radius:8px;padding:.5rem .8rem;text-decoration:none;position:absolute;top:-3rem;left:.8rem}.skip-link:focus-visible{top:.8rem}#site-toast{opacity:0;pointer-events:none;border-radius:var(--radius-pill);border:1px solid var(--line);font:700 .72rem var(--font-mono);background:color-mix(in srgb, var(--surface-strong) 95%, transparent);padding:.55rem .9rem;transition:opacity .18s,transform .18s;position:fixed;bottom:1.15rem;left:50%;transform:translate(-50%,16px)}#site-toast.is-visible{opacity:1;transform:translate(-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reveal{opacity:1;transform:none}.reveal-ready .reveal{opacity:0;transition:opacity .46s,transform .46s;transform:translateY(10px)}.reveal-ready .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal-ready .reveal,#site-toast,.button,.site-nav a{transition:none}}@media (width<=980px){.hero{grid-template-columns:1fr}.hero-art{justify-self:start}.odyssey-layout{grid-template-columns:1fr}.nav-shell{justify-content:center}.header-actions{margin-left:0}}@media (width<=700px){.site-header{padding:.6rem .5rem 0}main{padding-top:1.6rem}.section,.hero{padding:1.2rem}.site-nav{justify-content:center}.theme-toggle button{padding-inline:.5rem}}
