/* Homepage-only art direction. Shared header geometry remains consistent. */
.immersive-home{--growth-ink:#092c43;--accent-1:#19768a}
.immersive-home .growth-hero{position:relative;isolation:isolate;padding:0;background:#061b2c;color:white;overflow:hidden}
.immersive-home .growth-hero__grid{position:relative;display:block;min-height:740px;padding-top:95px;padding-bottom:150px}
.immersive-home .growth-hero__copy{position:relative;z-index:2;max-width:800px;padding:0;pointer-events:none}
.immersive-home .growth-hero__copy a{pointer-events:auto}
.immersive-home .growth-hero__copy h1{font-size:clamp(58px,6.5vw,96px);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:26px 0}
.immersive-home .growth-hero__copy h1 span{display:block;animation:headline-arrive 1s both}
.immersive-home .growth-hero__copy h1 span:last-child{animation-delay:.18s;color:#8de0df}
.immersive-home .growth-hero__copy>p{color:#e0eaef;font-size:19px;max-width:490px;line-height:1.7;animation:headline-arrive 1s .35s both}
.immersive-home .growth-hero__copy>.growth-label{color:#a4e7e4}
.immersive-home .growth-actions{animation:headline-arrive 1s .5s both}
.immersive-home .growth-hero .growth-button{background:#9be9df;color:#07283a;border-radius:0;padding:18px 24px}
.immersive-home .growth-hero .growth-textlink{color:white}
.immersive-home .growth-heritage{color:#bdcdd7;border-color:#ffffff30;font-size:12px;max-width:430px}
.immersive-home .growth-hero__visual{position:absolute;inset:0 calc((min(100vw, var(--container)) - 100vw)/2);min-height:0;border-radius:0;z-index:-1;isolation:isolate;overflow:hidden}
.immersive-home .growth-hero__visual>img{object-position:65% 45%!important;animation:scene-drift 22s ease-in-out infinite alternate;opacity:.85}
.immersive-home .growth-visual__shade{background:linear-gradient(90deg,#061b2cf5 0%,#061b2cbe 38%,#061b2c18 78%),linear-gradient(0deg,#061b2cf5,transparent 60%)}
.immersive-home .growth-visual__top{position:absolute;top:28px;left:0;right:0;padding:0 max(5vw,24px);color:#dae9ef}
.immersive-home .growth-visual__bottom{left:auto;right:max(5vw,24px);bottom:58px;width:340px;max-width:35%;border-left:1px solid #93d7e278;padding-left:26px}
.immersive-home .growth-visual__bottom h2{font-size:29px;line-height:1.2;letter-spacing:-.025em;margin:12px 0 18px}
.immersive-home .growth-visual__bottom .growth-label{color:#a4e7e4}
.hero-light{position:absolute;width:85%;height:105%;right:-28%;top:-30%;border:1px solid #93f4e36b;border-radius:50%;box-shadow:0 0 80px #39c7c921,inset 0 0 80px #39c7c91c;transform:rotate(-28deg);animation:light-drift 16s ease-in-out infinite alternate;pointer-events:none;z-index:0}
.hero-light::after{content:'';position:absolute;inset:28px;border:1px solid #ade9f12b;border-radius:50%}
.hero-motion{position:absolute;bottom:28px;left:24px;z-index:3;border:1px solid #ffffff50;background:#082438c9;color:white;padding:9px 13px;cursor:pointer;font:inherit;font-size:11px;letter-spacing:.04em}
.immersive-home.is-paused .growth-hero *{animation-play-state:paused!important}
/* Our Story sits on the immersive dark ground. */
.immersive-home .growth-proof{padding-top:110px;padding-bottom:110px;background:linear-gradient(120deg,#092c43,#145568);color:#fff}
.immersive-home .growth-proof h2{font-size:clamp(38px,4.6vw,64px)}
.immersive-home .growth-proof p{color:#d0e4eb}
.immersive-home .growth-proof .growth-label{color:#93dfdb}
.immersive-home .growth-proof .growth-textlink{text-decoration-color:#ffffff59}
.immersive-home .growth-proof aside{border-left-color:#93dfdb;background:rgba(255,255,255,.08)}
/* Explore Stradegi sits on a light ground against the immersive dark page. */
.immersive-home .growth-ai{background:#eaf2f5;color:#233746}
.immersive-home .growth-ai p{color:#4a5561}
.immersive-home .growth-ai .growth-label{color:#4f758b}
.immersive-home .growth-ai .growth-textlink{text-decoration-color:rgba(35,55,70,.35)}
.immersive-home .growth-ai .growth-card{background:#fff;border-color:rgba(35,55,70,.14);color:#233746;transition:background .3s,transform .3s,border-color .3s}
.immersive-home .growth-ai .growth-card:hover{background:#fff;border-color:#4f758b;transform:translateY(-5px)}
.immersive-home .growth-close{background:linear-gradient(120deg,#092c43,#145568);color:white;text-align:left}
.immersive-home .growth-close h2{color:#fff}
.immersive-home .growth-close p{color:#d0e4eb}
.immersive-home .growth-close .growth-button{background:#9be9df;color:#07283a}
@keyframes scene-drift{0%{transform:scale(1.04) translate(-.4%,0)}50%{transform:scale(1.10) translate(.7%,-.6%)}100%{transform:scale(1.15) translate(-.8%,.4%)}}
@keyframes light-drift{from{transform:translate(-2%,2%) rotate(-28deg);opacity:.45}to{transform:translate(7%,10%) rotate(-8deg);opacity:1}}
@keyframes headline-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.immersive-home .growth-hero__visual{inset:0 calc((var(--container) - 100vw)/2)}}
@media(max-width:1000px){.immersive-home .growth-hero__grid{min-height:800px;padding-top:90px;padding-bottom:250px}.immersive-home .growth-visual__bottom{max-width:48%;bottom:40px}.immersive-home .growth-hero__copy h1{font-size:clamp(58px,8vw,80px)}}
@media(max-width:600px){.immersive-home .growth-hero__grid{min-height:0;padding-top:86px;padding-bottom:280px}.immersive-home .growth-hero__copy h1{font-size:clamp(42px,10.7vw,62px)}.immersive-home .growth-hero__copy>p{font-size:16px}.immersive-home .growth-visual__top{font-size:7px;gap:20px;line-height:1.6;top:24px}.immersive-home .growth-visual__top span{max-width:45%}.immersive-home .growth-visual__top span:last-child{text-align:right}.immersive-home .growth-visual__bottom{left:24px;right:24px;width:auto;max-width:none;bottom:80px;padding-left:20px}.immersive-home .growth-visual__bottom h2{font-size:26px}.immersive-home .growth-visual__shade{background:linear-gradient(90deg,#061b2cdb,#061b2c75),linear-gradient(0deg,#061b2c,transparent)}.hero-motion{bottom:24px}.immersive-home .growth-proof{padding-top:65px;padding-bottom:65px}.immersive-home .growth-hero__visual>img{opacity:.65}.hero-light{width:160%;right:-105%}}

.immersive-home .growth-hero__visual>img{translate:var(--image-x,0px) var(--image-y,0px);transition:translate 1.4s cubic-bezier(.2,.65,.3,1);will-change:transform}
.immersive-home .growth-hero__visual::before{content:'';position:absolute;inset:-30%;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 43%,#a3edec12 49%,#f3fbff20 51%,transparent 57%);animation:hero-sweep 18s ease-in-out infinite;opacity:0}
@keyframes hero-sweep{0%,15%{transform:translateX(-35%);opacity:0}35%{opacity:.65}65%{transform:translateX(35%);opacity:0}100%{transform:translateX(35%);opacity:0}}
.immersive-home.is-paused .growth-hero__visual::before{animation-play-state:paused}
.immersive-home.is-paused .growth-hero__visual>img{transition:none}

.tagline-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tagline-visual{display:flex;flex-wrap:wrap;gap:0 .5em}
.hero-tagline{font-size:12px;contain:layout paint}

/* Keep the initials visible as the rest of each word grows out and retracts. */
.tagline-cycle{display:inline-flex;align-items:baseline;gap:0;min-width:24ch}
.tagline-word{display:inline-flex;align-items:baseline;white-space:nowrap}
.tagline-initial{color:#fff}
.tagline-expansion{display:inline-block;overflow:hidden;white-space:nowrap;font-size:1em;max-width:0;opacity:0;animation:tagline-expand 8s ease-in-out infinite}
.tagline-expansion--applied{--expanded-width:7em}
.tagline-expansion--intelligence{--expanded-width:13em}
@keyframes tagline-expand{0%,34%,100%{max-width:0;opacity:0}34.1%{max-width:0;opacity:1}52%,78%{max-width:var(--expanded-width);opacity:1}94%{max-width:0;opacity:1}94.1%{max-width:0;opacity:0}}

