:root{--bg:#f6f8fc;--text:#101a30;--muted:#526079;--accent:#5369db;--line:#50639026;--panel:#ffffffd9;--wash:#f6f8fc;--wash-clear:#f6f8fc00;color-scheme:light}
:root[data-theme=dark]{--bg:#070c19;--text:#edf1ff;--muted:#a3aec6;--accent:#9bafff;--line:#9caee42b;--panel:#0c1428e8;--wash:#070c19;--wash-clear:#070c1900;color-scheme:dark}
body{background:var(--bg);color:var(--text)}header{height:100px;background:linear-gradient(var(--panel),transparent);border:0;backdrop-filter:blur(12px);gap:25px}.brand{font-size:28px;letter-spacing:7px;font-weight:500;gap:10px}.brand svg{width:38px;filter:drop-shadow(0 0 6px #717af94d)}.header-nav{display:flex;gap:32px;margin-left:auto;font-size:11px}.about-link{display:none}.theme-toggle{display:flex;align-items:center;gap:7px;min-height:44px;background:transparent;color:var(--text);font-size:10px;padding:9px;border-radius:30px}.theme-toggle:hover{background:var(--line)}.theme-toggle svg{width:18px;height:18px}.sun-icon{display:none}[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon{display:none}.contact-trigger,.explore-link{background:#111b32;color:#fff;border-radius:40px;box-shadow:none;border:1px solid #111b32}.contact-trigger:hover,.explore-link:hover{background:#283655;box-shadow:0 9px 30px #6465d926}.contact-trigger{font-size:11px;padding:13px 22px}.explore-link{padding:15px 23px;gap:28px;margin-top:25px}[data-theme=dark] .contact-trigger,[data-theme=dark] .explore-link{background:#e6ebff;color:#111b32;border-color:#e6ebff}
.hero-landscape{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg);perspective:1200px}.hero-photograph{position:absolute;inset:0;background:url('axion-alpine-connection.png') 65% center/cover no-repeat;will-change:transform}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#f6f8fc 0%,#f6f8fcf5 22%,#f6f8fcbb 38%,#f6f8fc00 69%),linear-gradient(0deg,#f6f8fc66,transparent 25%,transparent 75%,#f6f8fc66)}[data-theme=dark] .hero-photograph{filter:brightness(.48) saturate(.75)}[data-theme=dark] .hero-wash{background:linear-gradient(90deg,#070c19 0%,#070c19ed 24%,#070c19aa 44%,#070c1900 75%),linear-gradient(0deg,#070c19aa,transparent 50%)}.hero-delta{position:absolute;left:75%;top:37%;width:clamp(190px,22vw,340px);transform:translate(-50%,-50%);text-align:center;will-change:transform}.delta-monument{width:100%;overflow:visible;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 18px #7481eeb0)}.delta-trace{animation:trace-travel 8s linear infinite}.hero-delta>span{display:block;font:7px monospace;letter-spacing:3px;color:#273e6b;margin-top:13px}[data-theme=dark] .hero-delta>span{color:#d0d9ff}.route-note{position:absolute;bottom:12%;right:8%;font:7px monospace;letter-spacing:2px;color:#173254;background:#f6f8fcc7;backdrop-filter:blur(12px);padding:12px 16px;border:1px solid #ffffff80;border-radius:3px}.route-note i{display:inline-block;width:5px;height:5px;background:#526ce7;border-radius:50%;margin-right:8px}[data-theme=dark] .route-note{background:#101a32c9;color:#ccd7ff;border-color:var(--line)}
.scene{background:var(--bg)}.scene:after{background:linear-gradient(90deg,var(--wash) 0%,var(--wash-clear) 55%),linear-gradient(0deg,var(--wash),var(--wash-clear) 19%)}.scene-overlay{background:none}.chapter-copy{z-index:4}.hero .chapter-copy{width:48%;max-width:690px;top:21%}.hero h1{font-weight:500;font-size:clamp(50px,5.8vw,87px);letter-spacing:-4px;line-height:1.02}.hero h1 em{background:linear-gradient(100deg,#487ae7,#8859dc);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:2.7px}.eyebrow:before{background:var(--accent)}.hero .eyebrow:before{display:none}.lead{color:var(--muted);font-size:13px}.hero .lead{max-width:410px}.hero-principles{display:flex;gap:0;margin-top:35px;max-width:455px}.hero-principles>div{display:flex;flex-direction:column;gap:9px;flex:1;padding:0 15px;border-right:1px solid var(--line)}.hero-principles>div:first-child{padding-left:0}.hero-principles>div:last-child{border:0}.hero-principles svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.3}.hero-principles span{font-size:9px;color:var(--muted);white-space:nowrap}h2 em{color:var(--accent)}.capabilities li{border-color:var(--line)}.capabilities li:hover,.capabilities li b,.capabilities li span,.text-link{color:var(--accent)}.scene-caption-fixed{border-color:var(--line)}.scene-caption-fixed span,.scene-caption-fixed:before,.stage-topline,.stage-topline b{color:var(--accent)}.scene-caption-fixed p{color:var(--muted)}.scene-caption-fixed .scene-mark{color:var(--accent)}.stage-topline i{background:var(--accent)}.chapter-nav i{background:#8794b0}.chapter-nav a[aria-current] i{background:var(--accent)}.chapter-nav span{background:var(--panel);border-color:var(--line)}.experience-controls button{color:var(--muted);background:var(--panel);border-color:var(--line);border-radius:20px}.experience-controls>span{color:var(--muted)}.journey-progress{background:var(--line)}.journey-progress i{background:linear-gradient(90deg,#359bea,#9161e9)}
.about-section{background:radial-gradient(ellipse at 0 40%,#e7ebfa,var(--bg) 65%);border-color:var(--line)}[data-theme=dark] .about-section{background:radial-gradient(ellipse at 0 40%,#142044,var(--bg) 65%)}.identity-card{background:linear-gradient(145deg,#e5ebff,#fafbff);border-color:var(--line);border-radius:12px}[data-theme=dark] .identity-card{background:linear-gradient(145deg,#1b2b50,#0d152b)}.identity-art>span{color:var(--text)}.orbit{border-color:#6b79bf44}.identity-name,.credentials,.closing{border-color:var(--line)}.identity-art small,.identity-name p,.about-copy>p,.credentials span,.experience-note,footer{color:var(--muted)}.about-copy .about-intro{color:var(--text)!important}.credentials strong{color:var(--accent)}.education strong{color:var(--text)}.skill-tags span{border-color:var(--line);color:var(--muted)}dialog{background:var(--bg);color:var(--text);border-color:var(--line);border-radius:15px}dialog p{color:var(--muted)}.contact-preview{border-color:var(--line)}.contact-preview span{color:var(--accent)}.back-button{background:var(--line);color:var(--text)}button:focus-visible,a:focus-visible{outline-color:#697beb}.scene-fallback .scene{background:radial-gradient(ellipse at 70% 50%,#879cdb44,var(--bg) 70%)}
@keyframes trace-travel{to{stroke-dashoffset:-100}}
@media(min-width:801px) and (max-height:780px){.hero .chapter-copy{top:20%}.hero h1{font-size:clamp(48px,5.5vw,69px)}.hero .eyebrow{margin-bottom:20px}.hero .lead{margin-top:20px}.hero-principles{margin-top:25px}.hero-delta{top:40%}}
@media(max-width:1050px){.header-nav{gap:20px}.header-nav a:last-child{display:none}.hero h1{font-size:53px}.hero .chapter-copy{width:52%}.hero .lead{max-width:335px}.hero-principles{max-width:370px}.hero-principles span{font-size:8px}.hero-delta{left:78%;width:210px}.route-note{font-size:6px;right:7%;letter-spacing:1px}}
@media(max-width:800px){header{height:78px;gap:10px}.brand{font-size:22px;letter-spacing:4px;gap:5px}.brand svg{width:29px}.header-nav{display:none}.theme-toggle{margin-left:auto;padding:8px}.theme-toggle span{display:none}.contact-trigger{margin-left:0;font-size:9px;padding:10px 13px;gap:10px}.hero .chapter-copy{top:119px;width:88%}.hero h1{font-size:48px;letter-spacing:-2.5px;max-width:100%}.hero h1 br{display:block}.hero h1 em{white-space:normal;display:inline}.hero .eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:20px}.hero .lead{max-width:310px;font-size:11px;line-height:1.8;margin-top:20px}.hero .explore-link{font-size:10px;padding:11px 17px;margin-top:20px}.hero-principles{margin-top:23px;max-width:325px}.hero-principles>div{padding:0 10px;gap:7px}.hero-principles svg{width:19px;height:19px}.hero-principles span{font-size:7px}.hero-photograph{inset:33% -32% 0 -20%;background-position:67% center}.hero-wash{background:linear-gradient(#f6f8fc 0%,#f6f8fc 32%,#f6f8fceb 46%,#f6f8fc33 69%,#f6f8fc00 84%,#f6f8fc88)}[data-theme=dark] .hero-wash{background:linear-gradient(#070c19 0%,#070c19 32%,#070c19ed 46%,#070c1944 69%,#070c1900 84%,#070c1988)}.hero-delta{left:72%;top:77%;width:145px}.hero-delta>span{font-size:5px;letter-spacing:1.4px;margin-top:5px}.route-note{display:none}.scene:after{background:linear-gradient(var(--wash) 0%,var(--wash) 20%,var(--wash-clear) 55%,var(--wash-clear) 84%,var(--wash))}.lead{font-size:11px}.capabilities li{border-color:var(--line)}}
@media(max-width:800px) and (max-height:740px){.hero .chapter-copy{top:99px}.hero h1{font-size:39px}.hero .eyebrow{margin-bottom:14px}.hero .lead{margin-top:14px}.hero-principles{margin-top:17px}.hero-delta{width:120px;top:81%}}
@media(prefers-reduced-motion:reduce){.delta-trace{animation:none}.hero-photograph,.hero-delta{will-change:auto}}
@media(min-width:801px) and (max-height:570px){header{height:76px}.hero .chapter-copy{top:104px}.hero h1{font-size:40px;letter-spacing:-2px}.hero .eyebrow{margin-bottom:13px;font-size:7px}.hero .lead{font-size:11px;line-height:1.65;margin-top:14px}.hero .explore-link{margin-top:15px;padding:8px 18px;font-size:10px}.hero-principles{margin-top:18px}.hero-principles>div{flex-direction:row;align-items:center;gap:7px}.hero-principles svg{width:17px;height:17px;flex-shrink:0}.hero-principles span{font-size:7px}.experience-controls{bottom:12px}.chapter-copy{top:106px}h2{font-size:35px}.capabilities li{padding:9px 0}.hero-delta{top:40%;width:180px}}
@media(max-width:800px){.hero h1 br:nth-child(1){display:block}.hero h1{overflow-wrap:normal;font-size:clamp(33px,10vw,48px)}}
@media(max-width:340px){.brand{font-size:18px;letter-spacing:3px}.brand svg{width:24px}header{gap:6px}.contact-trigger{padding:9px;font-size:8px;gap:5px}.hero .chapter-copy{top:94px}.hero .eyebrow{font-size:5px;letter-spacing:1.6px}.hero .lead{font-size:9px}.hero-principles span{font-size:6px;white-space:normal}.hero-delta{width:100px;top:82%}.hero h1{letter-spacing:-1.5px}}
/* The delta shares the landscape's parallax, keeping it anchored during exit. */
.hero-delta{left:74%;top:33%;width:clamp(130px,16vw,235px)}.delta-monument{filter:drop-shadow(0 0 4px #ffffffb0) drop-shadow(0 0 12px #697df770)}.hero-delta>span{display:none}.solution-shortcuts{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px;max-width:450px}.solution-shortcuts a{display:flex;align-items:center;gap:13px;padding:9px 12px;border:1px solid var(--line);background:var(--panel);border-radius:5px;font-size:9px;transition:transform .2s,border-color .2s,box-shadow .2s}.solution-shortcuts a span{color:var(--accent);transition:transform .2s}.solution-shortcuts a:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 5px 18px #526ad519}.solution-shortcuts a:hover span{transform:translate(2px,-2px)}.freight-route{position:absolute;right:8%;bottom:13%;width:32%;max-width:400px;border:1px solid var(--line);padding:15px 18px 13px;background:var(--panel);backdrop-filter:blur(12px);border-radius:8px;color:var(--accent);box-shadow:0 12px 35px #182a4c12}.route-heading,.route-labels{display:flex;justify-content:space-between;font:6px monospace;letter-spacing:1.5px}.route-heading>span:first-child{color:var(--text)}.route-status i{display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%;margin-right:5px;box-shadow:0 0 7px var(--accent)}.freight-route svg{width:100%;overflow:visible}.route-labels{color:var(--muted);font-size:6px}
@media(min-width:801px) and (max-height:570px){.hero-delta{top:34%;width:145px}.solution-shortcuts{margin-top:17px;gap:5px}.solution-shortcuts a{padding:7px 9px;font-size:8px;gap:8px}.freight-route{bottom:14%;padding:11px 14px;width:31%}.route-heading{font-size:5px;letter-spacing:1px}}
@media(max-width:800px){.hero-delta{left:76%;top:73%;width:112px}.solution-shortcuts{margin-top:20px;max-width:340px;gap:6px}.solution-shortcuts a{font-size:8px;padding:8px 10px;gap:8px}.freight-route{right:8%;left:6%;bottom:9%;width:auto;max-width:none;padding:10px 15px}.freight-route svg{height:40px}.route-heading{font-size:6px}.route-labels{font-size:5px}}
@media(max-width:340px){.hero-delta{top:73%;width:80px}.solution-shortcuts{margin-top:14px;gap:5px}.solution-shortcuts a{padding:6px 8px;font-size:7px;gap:5px}.freight-route{bottom:8%;padding:8px 12px}.freight-route svg{height:26px}.route-heading{font-size:4px;letter-spacing:1px}}
/* Functional delta: cloud, data and AI form one connected system. */
.hero-photograph{background:none;overflow:hidden}.rail-scene{position:absolute;transform-origin:0 0}.rail-scene>img,.rail-scene>canvas{position:absolute;inset:0;width:100%;height:100%}.hero-delta.intelligence-system{width:300px;height:280px;left:75%;top:38%;pointer-events:auto;color:#253859}.system-kicker{text-align:center;font:6px monospace;letter-spacing:2px;position:absolute;top:-18px;left:0;right:0;color:#425678}.system-circuit{width:100%;height:250px;position:absolute;inset:0;filter:drop-shadow(0 0 5px #93abff44)}.system-outline{stroke-width:1.2;opacity:.65}.system-signal{stroke-width:2.3;stroke-dasharray:4 96;animation:system-flow 9s linear infinite}.system-spokes{stroke-width:1.5;animation-duration:5s}.system-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:61px;height:61px;border-radius:15px;border:1px solid #8e9fcc88;background:#f8fbffe8;box-shadow:0 6px 25px #263b6f14,inset 0 1px 0 #fff;backdrop-filter:blur(12px);transform:translate(-50%,-50%);transition:box-shadow .2s,background .2s}.system-node:hover{box-shadow:0 0 0 4px #7187ec22,0 0 25px #6f8bee66;background:#fff}.system-node svg{width:22px;height:22px;fill:none;stroke:#5f75c4;stroke-width:1.3}.system-node span{font:7px monospace;letter-spacing:1.8px}.node-cloud{left:50%;top:35px}.node-data{left:14.06%;top:211px}.node-ai{left:85.94%;top:211px}.system-core{position:absolute;left:50%;top:143px;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;width:66px;height:66px;justify-content:center;background:#f5f8fbd6;backdrop-filter:blur(12px);border:1px solid #879dd060;border-radius:50%;box-shadow:0 0 40px #9caaf52b}.system-core>span{font-family:'Space Grotesk',sans-serif;font-size:31px;line-height:1.1;color:#607ae1;text-shadow:0 0 15px #526fea44}.system-core small{font-size:6px;letter-spacing:2px;margin-left:2px}.system-caption{position:absolute;top:258px;width:100%;text-align:center;font-size:9px;letter-spacing:.4px;color:#405374}.intelligence-system:has(a:hover) .system-core{box-shadow:0 0 35px #7992ff66}[data-theme=dark] .system-node{background:#14203bdc;border-color:#91a6ed66;color:#dae5ff;box-shadow:0 6px 25px #0002,inset 0 1px 0 #ffffff15}[data-theme=dark] .system-node:hover{background:#26375c;box-shadow:0 0 25px #6f8bee66}[data-theme=dark] .system-node svg{stroke:#a7baff}[data-theme=dark] .system-core{background:#0f1933db;border-color:#a1b4f84d;color:#e3eaff}[data-theme=dark] .system-core>span{color:#aabaff}[data-theme=dark] .system-kicker,[data-theme=dark] .system-caption{color:#d2ddf5}.freight-route{bottom:8%;width:29%;right:7%;opacity:.94}
@keyframes system-flow{to{stroke-dashoffset:-100}}
@media(min-width:801px) and (max-height:570px){.hero-delta.intelligence-system{top:40%;width:240px;height:224px}.system-circuit{height:200px}.node-cloud{top:28px}.node-data,.node-ai{top:169px}.system-core{top:114px}.system-node{width:50px;height:50px;border-radius:12px;gap:5px}.system-node svg{width:18px;height:18px}.system-node span{font-size:6px}.system-caption{top:211px;font-size:8px}.system-kicker{font-size:5px;top:-12px}.system-core{width:53px;height:53px}.freight-route{bottom:9%;padding:9px 12px}}
@media(max-width:800px){.hero-delta.intelligence-system{top:71%;left:76%;width:160px;height:143px}.system-circuit{height:133.33px}.node-cloud{top:18.67px}.node-data,.node-ai{top:112.53px}.system-core{top:76.27px;width:38px;height:38px}.system-core>span{font-size:21px}.system-core small{font-size:4px;letter-spacing:1px}.system-node{width:39px;height:39px;border-radius:10px;gap:4px}.system-node svg{width:15px;height:15px}.system-node span{font-size:5px;letter-spacing:.8px}.system-kicker,.system-caption{display:none}.freight-route{width:45%;left:6%;right:auto;bottom:10%;padding:9px}.route-status{display:none}.freight-route svg{height:30px}.route-heading,.route-labels{font-size:4px;letter-spacing:.6px}}
@media(max-width:340px){.hero-delta.intelligence-system{left:72%;top:75%;width:140px}.system-circuit{width:140px;height:116.67px}.node-cloud{top:16.33px}.node-data,.node-ai{top:98.47px}.system-core{top:66.73px}.freight-route{width:42%;bottom:9%;left:6%}}
@media(prefers-reduced-motion:reduce){.system-signal{animation:none}}
/* Abstract Axion mark: etched circuitry, a restrained metallic edge and signal motion. */
.hero-delta.delta-sculpture{left:75%;top:38%;width:clamp(175px,22vw,280px);height:auto;pointer-events:none;perspective:1200px}.delta-sculpture svg{display:block;width:100%;overflow:visible;transform:rotateY(-13deg) rotateX(5deg) rotateZ(-3deg);filter:drop-shadow(0 18px 14px #20325820) drop-shadow(0 0 8px #8eaeef30)}.delta-current{animation:delta-energy 8s linear infinite}.delta-current-inner{animation-duration:5s;animation-delay:-2s}[data-theme=dark] .delta-sculpture svg{filter:drop-shadow(0 15px 20px #0006) drop-shadow(0 0 10px #7695e55c)}@keyframes delta-energy{to{stroke-dashoffset:-100}}
@media(min-width:801px) and (max-height:570px){.hero-delta.delta-sculpture{width:180px;top:37%}}
@media(max-width:800px){.hero-delta.delta-sculpture{width:135px;top:74%;left:76%}}
@media(max-width:340px){.hero-delta.delta-sculpture{width:100px;top:76%;left:74%}}
/* The summit composition anchors the emblem to the mountain's image coordinates. */
.hero-delta.summit-delta{position:absolute;left:66%;top:27%;width:24%;height:auto;transform:translate(-50%,-50%);perspective:none;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 56%,#000a 70%,transparent 95%)}.summit-delta svg{display:block;width:100%;overflow:visible;filter:drop-shadow(0 0 7px #fff9) drop-shadow(0 0 18px #9284eb99);animation:hope-emerge 3s cubic-bezier(.16,1,.3,1) both}.hope-aura{filter:blur(8px);opacity:.7}.summit-cloud{position:absolute;pointer-events:none;width:42%;height:9%;left:45%;top:33%;filter:blur(11px);opacity:.77;background:radial-gradient(ellipse at 18% 70%,#fff9 0%,transparent 47%),radial-gradient(ellipse at 49% 30%,#f5f4f0cc 0%,transparent 51%),radial-gradient(ellipse at 76% 55%,#fff9 0%,transparent 45%);animation:summit-drift 22s ease-in-out infinite alternate}.cloud-front{top:36%;left:44%;width:45%;height:8%;opacity:.82;animation-duration:28s;animation-delay:-12s;filter:blur(9px)}.hero-wash{background:linear-gradient(90deg,#f8fafde8 0%,#f8fafdce 26%,#f8fafd55 45%,transparent 64%),linear-gradient(0deg,#f8fafd22,transparent 30%)}[data-theme=dark] .hero-photograph{filter:brightness(.53) saturate(.8)}[data-theme=dark] .summit-delta svg{filter:drop-shadow(0 0 9px #f8f5ff) drop-shadow(0 0 25px #967cefa6)}.identity-art.identity-portrait{height:auto;aspect-ratio:4/5;display:block}.identity-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%}.identity-card{max-width:420px}.hero .chapter-copy{z-index:4}@keyframes hope-emerge{from{opacity:0;transform:translateY(35px);filter:blur(7px)}to{opacity:1;transform:translateY(0)}}@keyframes summit-drift{from{transform:translateX(-2%)}to{transform:translateX(5%)}}
@media(max-width:800px){.hero-photograph{inset:35% -32% 0 -20%}.hero-wash{background:linear-gradient(#f6f8fc 0%,#f6f8fc 31%,#f6f8fced 43%,#f6f8fc55 58%,transparent 76%)}[data-theme=dark] .hero-wash{background:linear-gradient(#070c19 0%,#070c19 31%,#070c19ed 43%,#070c1955 58%,transparent 76%)}.identity-art.identity-portrait{height:auto;aspect-ratio:4/4.8}.hero-delta.summit-delta{left:66%;top:27%;width:24%}}
@media(prefers-reduced-motion:reduce){.summit-delta svg,.summit-cloud{animation:none}}
[data-theme=dark] .hero-photograph{filter:none}[data-theme=dark] .summit-scene>img{filter:brightness(.53) saturate(.8)}[data-theme=dark] .summit-cloud{opacity:.28}.hero-delta.summit-delta{top:29%}.summit-delta .hope-aura{stroke-width:16;opacity:.8}