/* Parallax 2.0 — existing content and brand assets, enhanced progressively. */
:root{--bg:#050810;--panel:#0a1323;--blue:#72a7ff;--muted:#a8b5c9;--line:#ffffff20}
body{background:var(--bg)}
.container{width:min(1240px,calc(100% - 112px))}
.site-header{position:fixed;top:18px;left:0;right:0;width:min(1340px,calc(100% - 48px));margin:auto;border:1px solid #9abbff24;border-radius:14px;background:#080f1acc;box-shadow:0 12px 44px #0003;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.nav-wrap{width:calc(100% - 48px);height:72px}
nav a{font-size:13px;min-height:44px;display:flex;align-items:center}
nav .nav-contact{border-radius:6px;border-color:#91b8ff40;background:#3866ab12}
.wordmark{font-size:25px}
.hero{min-height:max(870px,100svh);background:#050810;border-color:#8eb7ff20}
.hero-inner{padding-top:190px;padding-bottom:180px;will-change:transform}
h1{font-size:clamp(64px,8.3vw,120px);letter-spacing:-.07em;text-shadow:0 6px 50px #0005}
.hero .blue-text{color:#8fb9ff;background:linear-gradient(120deg,#b4d3ff,#6d9cef 75%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy{max-width:460px}.hero-quote strong{animation:none;color:#d0e2ff;text-shadow:none;font-size:27px}
.hero-quote>span{color:#bcc9dd}
.hero-atmosphere{inset:-60px 0;will-change:transform;background:#050810 url('assets/starfield-poster.jpg') center/cover no-repeat}
.hero-atmosphere video{opacity:.45;object-position:center}
.video-shade{background:linear-gradient(90deg,#050810f2 0%,#050810cc 30%,#05081040 64%,#05081020),linear-gradient(0deg,#050810 0%,transparent 40%);z-index:4}
.depth-stars{position:absolute;inset:0;opacity:.45;background-image:radial-gradient(1px 1px at 18% 16%,#cbdfff 90%,transparent),radial-gradient(1px 1px at 76% 30%,#cbdfff 90%,transparent),radial-gradient(2px 2px at 85% 55%,#cbdfff 90%,transparent),radial-gradient(1px 1px at 44% 80%,#cbdfff 90%,transparent);background-size:260px 280px}
.orbital-scene{position:absolute;width:min(61vw,880px);aspect-ratio:1;right:-4%;top:11%;z-index:2;will-change:transform;pointer-events:none}
.hero-bottom{bottom:30px}.hero-signature{margin-top:38px}.hero-actions{margin-top:30px}
.button{border-radius:6px;font-size:13px}.primary{background:#477ddd;box-shadow:0 8px 40px #326cef26}.primary:after{animation:none}
.hero-bottom a,.film-open,.motion-toggle{font-size:11px}.motion-toggle{border-radius:6px;border-color:#b6d4ff40}
.focus-strip{background:#0a1120aa;padding-block:30px}
.focus-strip .container{gap:24px}.focus-strip span{color:#a8b6cc}.focus-strip p{font-size:15px}
.section{padding-block:130px}
.about{gap:96px}.about .portrait{border-radius:12px;box-shadow:0 30px 100px #0005;border-color:#8bb3ef30;overflow:hidden}
.about .portrait>img{will-change:transform}.portrait-caption{z-index:2}
.about-copy .lead{font-size:21px}.about-copy>p:not(.eyebrow):not(.lead){font-size:15px}
h2{font-size:clamp(36px,4.5vw,64px);line-height:1.1}
.ventures-section{background:radial-gradient(ellipse at 70% 40%,#13264780,transparent 55%),#070d17}
.section-head{margin-bottom:64px}.section-head>p{font-size:14px}
.venture-grid{display:flex;flex-direction:column;gap:32px;isolation:isolate}
.venture-card{position:sticky;top:120px;overflow:visible;padding:28px 38px 36px;border-radius:14px;border:1px solid #a4c5ff30;background:linear-gradient(125deg,#15243cf5,#091220f5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 65px #0005;min-height:360px;transition:border-color .25s}
.venture-card:nth-child(2){top:142px}.venture-card:nth-child(3){top:164px}.venture-card:nth-child(4){top:186px}
.venture-card:hover{transform:none;border-color:#a4c5ff65}.venture-card:before{border-radius:inherit}
.card-top{border-bottom:1px solid #ffffff12;padding-bottom:20px}.status{border:0;padding:0;font-size:11px;color:#b3d8ca}.card-index{font-size:12px;color:#a5b7d0}
.venture-body{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;padding-top:30px}
.venture-brand{min-width:0}.logo-stage{width:100%;height:180px;max-width:390px;margin:0;border:1px solid #ffffff18;border-radius:8px}
.logo-stage img{max-width:100%;max-height:140px;object-fit:contain}.logo-stage.artanis{padding:34px}.logo-stage.he img{height:120px}.logo-stage.aai{padding:24px}
.venture-copy{min-width:0}.venture-copy h3{font-size:32px;margin-bottom:16px}.venture-copy>p:not(.eyebrow){font-size:15px;max-width:530px;color:#b5c2d7}.venture-copy .eyebrow{font-size:11px;letter-spacing:.15em}
.venture-card details{margin-top:22px}.venture-card summary{font-size:13px;min-height:48px}.detail-content p{font-size:13px}
.vision{gap:80px}.principles{padding-top:58px}.principles summary{font-size:19px}.principles p{font-size:15px}.vision-art{border-radius:10px;background:radial-gradient(ellipse at 30% 50%,#16366d60,transparent 80%)}
.contact-section{background:radial-gradient(ellipse at 20% 70%,#14336180,transparent 65%),#080e1a}.contact-panel{border-radius:14px;background:linear-gradient(130deg,#1d31534d,#101a2e8c);backdrop-filter:blur(18px);border-color:#8eb7ff30}.contact-layout{gap:80px}
.footer-top{padding-top:55px}.footer-bottom{color:#a6b4cb}
/* State classes are also used for live preference changes and global pause. */
body.motion-paused .hero-inner,body.motion-paused .hero-atmosphere,body.motion-paused .orbital-scene,body.motion-paused .portrait>img{transform:none!important;will-change:auto}
body.motion-paused .reveal{opacity:1;transform:none;transition:none}
@media(min-width:801px){body.motion-ready .hero-inner{animation:hero-enter 1s cubic-bezier(.2,.7,.2,1) both}body.motion-ready .constellation-network{animation:constellation-drift 14s ease-in-out infinite}}
@keyframes hero-enter{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes constellation-drift{0%,100%{transform:translateY(-6px) rotate(-1deg)}50%{transform:translateY(6px) rotate(1deg)}}
@media(max-width:1100px){.about{gap:48px}.venture-body{gap:36px}.vision{gap:40px}.contact-layout{gap:40px}.orbital-scene{right:-17%;width:75vw}.focus-strip i{margin-inline:12px}.hero-inner{padding-top:180px}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.site-header{top:12px;width:calc(100% - 24px);border-radius:10px}.nav-wrap{width:calc(100% - 32px);height:64px}.site-header nav{top:76px;left:0;right:0;border:1px solid #a1bded30;background:#091321f5;border-radius:10px;padding:16px}.site-header nav a{font-size:15px;padding:10px 12px}.site-header nav .nav-contact{margin-top:8px}.menu-toggle{min-width:70px;min-height:44px;font-size:13px}.hero{min-height:850px}.hero-inner{padding-top:150px;padding-bottom:160px}.hero-atmosphere{inset:0;will-change:auto}.hero-atmosphere video{display:block}.orbital-scene{width:95vw;right:-36%;top:17%;opacity:.7;will-change:auto}.video-shade{background:linear-gradient(90deg,#050810ee,#05081080),linear-gradient(0deg,#050810,transparent 65%)}.hero-inner{will-change:auto}h1{font-size:clamp(58px,10vw,84px)}.hero-quote strong{font-size:25px}.focus-strip .container{gap:12px}.focus-strip p{font-size:14px}.section{padding-block:84px}.about{gap:32px}.about-copy .lead{font-size:18px}.about-copy>p:not(.eyebrow):not(.lead){font-size:14px}.venture-card{position:relative;top:auto!important;padding:24px;border-radius:12px;min-height:0;backdrop-filter:none;background:linear-gradient(130deg,#15243c,#091220)}.venture-body{gap:28px;grid-template-columns:.9fr 1.1fr}.venture-copy h3{font-size:26px}.venture-copy>p:not(.eyebrow){font-size:14px}.logo-stage{height:160px}.logo-stage.artanis{padding:20px}.venture-copy .eyebrow{font-size:10px}.section-head{margin-bottom:36px}.vision{grid-template-columns:1fr;gap:24px}.principles{padding-top:0}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-panel{backdrop-filter:none}.footer-bottom{font-size:11px}.hero .eyebrow{font-size:10px;letter-spacing:.14em}.hero-inner,.about .portrait>img{transform:none!important}}
@media(max-width:540px){.container{width:calc(100% - 40px)}.hero{min-height:820px}.hero-inner{padding-top:140px;padding-bottom:180px}.hero h1{font-size:clamp(48px,12.6vw,68px)}.hero .eyebrow{font-size:9px;letter-spacing:.11em;gap:9px}.blue-line{width:17px}.hero-quote{margin-top:26px}.hero-quote strong{font-size:24px}.hero-quote>span{font-size:15px}.hero-actions{gap:12px;margin-top:26px}.hero-signature{margin-top:24px}.hero-bottom{bottom:22px}.hero-bottom>a{min-height:44px}.hero-bottom .motion-controls{gap:12px}.film-open,.motion-toggle{font-size:12px}.orbital-scene{width:140vw;right:-75%;top:10%;opacity:.65}.focus-strip span{font-size:8px}.focus-strip p{font-size:11px}.focus-strip i{margin-inline:6px}.section{padding-block:68px}.about{grid-template-columns:1fr;gap:36px}.about .portrait{max-width:390px;width:100%;margin:auto}.about-copy .lead{font-size:19px}.venture-body{grid-template-columns:1fr;gap:26px;padding-top:24px}.venture-card{padding:22px}.logo-stage{max-width:none;height:150px}.logo-stage.he img{height:112px}.venture-copy h3{font-size:28px}.venture-copy>p:not(.eyebrow){font-size:14px}.venture-grid{gap:22px}.status{font-size:10px}.card-top{padding-bottom:16px}.principles summary{font-size:17px}.principles p{font-size:14px}.contact-panel h3{font-size:28px}.contact-layout h2{font-size:36px}.footer-top .text-link{font-size:11px}.footer-bottom{gap:12px}.footer-top{padding-top:40px}}
/* No-JavaScript visitors retain all navigation and content. */
body:not(.js) .site-header{position:relative;top:12px;margin-bottom:12px}body:not(.js) .hero-inner{padding-top:90px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-inner,.hero-atmosphere,.orbital-scene,.about .portrait>img{transform:none!important;will-change:auto}.reveal{opacity:1;transform:none}.constellation-network,.hero-inner{animation:none!important;translate:none;scale:none}}
body.motion-paused .vision-art *,body.motion-paused .vision-art:after{animation-play-state:paused!important}

@media(prefers-reduced-motion:reduce){.venture-card{position:relative;top:auto!important}.hero-atmosphere video{display:none}}
/* Expanding a venture returns the stack to document flow so every detail stays readable. */
.venture-grid:has(details[open]) .venture-card,body.motion-paused .venture-card{position:relative;top:auto!important}
@media(max-height:700px){.venture-card{position:relative;top:auto!important}}

/* Gemini constellation: the twin star trails, Castor and Pollux. */
.constellation-scene{width:min(65vw,880px);right:-2%;top:9%}
.constellation-network{width:100%;height:100%;object-fit:contain;opacity:.95}
@media(max-width:1100px){.constellation-scene{width:76vw;right:-18%;top:14%}}
@media(max-width:800px){.constellation-scene{width:100vw;right:-35%;top:17%;opacity:.65}}
@media(max-width:540px){.constellation-scene{width:140vw;right:-75%;top:11%;opacity:.55}}
@media(prefers-reduced-motion:reduce){.constellation-network{animation:none!important;transform:none}}
@media(min-width:1101px){.constellation-scene{width:min(60vw,820px);right:-5%;top:9%}}
@media(min-width:801px) and (max-width:1100px){.constellation-scene{width:70vw;right:-22%;top:14%}}

/* Lightweight motion is available on phones; preference and visibility gates remain authoritative. */
body.motion-ready .constellation-network{animation:constellation-drift 14s ease-in-out infinite}
body.hero-motion-suspended .constellation-network{animation-play-state:paused!important}
@media(max-width:800px){body.motion-ready .constellation-network{animation-name:mobile-constellation-drift}.hero-atmosphere video{opacity:.3}}
@keyframes mobile-constellation-drift{0%,100%{transform:translateY(-4px) rotate(-.4deg)}50%{transform:translateY(4px) rotate(.4deg)}}
@media(prefers-reduced-motion:reduce){body.motion-ready .constellation-network{animation:none!important}.hero-atmosphere video{display:none}}

/* Overscan contains the small scroll offset without exposing gaps at the hero edges. */
@media(max-width:800px),(pointer:coarse){.hero-atmosphere{inset:-32px 0}.hero-inner,.about .portrait>img{transform:none!important}body.motion-ready:not(.hero-motion-suspended) .hero-atmosphere,body.motion-ready:not(.hero-motion-suspended) .orbital-scene{will-change:transform}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere,.orbital-scene{transform:none!important;will-change:auto!important}}

.logo-stage.lootbox{background:#101211;padding:20px}

/* Balance the original HE artwork’s unequal vertical margins. */
.logo-stage.he img{transform:translateY(6%)}