/* Sentences reveal as a complete thought, with a hero-matched horizon orb. */
.ai-intro{position:relative;padding:90px 0 100px;scroll-margin-top:25px}
.ai-intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:64px;align-items:center}
.ai-intro-copy{margin:0;font-size:clamp(29px,2.75vw,40px);font-weight:400;line-height:1.42;letter-spacing:-.035em;color:#f4eefb}
.ai-intro-sentence{transition:color .32s ease}
.ai-intro.is-enhanced .ai-intro-sentence{color:#7c7389}
.ai-intro.is-enhanced .ai-intro-sentence.is-read{color:#f4eefb}
.ai-intro-orb{position:relative;isolation:isolate;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#06032e;box-shadow:0 20px 80px #3900b51a}
.ai-orb-phase{isolation:isolate;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}
.ai-orb-phase.is-active{opacity:1;transform:translateY(0)}
.ai-orb-phase img{width:150px;height:150px;object-fit:contain;filter:brightness(1.7);margin-top:-17px}
.ai-orb-phase span{font-size:25px;line-height:1.4;letter-spacing:-.02em;color:#fff;margin-top:-6px;text-shadow:0 2px 15px #1d036080}
@media(min-width:901px) and (min-height:721px){.ai-intro.is-pinned{padding:0;height:175svh}.ai-intro.is-pinned .ai-intro-panel{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;padding:64px 0;box-sizing:border-box}}
@media(max-width:1100px){.ai-intro-layout{grid-template-columns:minmax(0,1fr) 250px;gap:36px}.ai-orb-phase img{width:128px;height:128px}.ai-orb-phase span{font-size:23px}}
@media(max-width:900px){.ai-intro{padding:74px 0 78px}.ai-intro-layout{grid-template-columns:1fr;gap:38px}.ai-intro-copy{font-size:clamp(27px,4.3vw,35px);line-height:1.45}.ai-intro-orb{width:210px;justify-self:center}.ai-orb-phase img{width:108px;height:108px;margin-top:-9px}.ai-orb-phase span{font-size:21px}}
@media(max-width:480px){.ai-intro{padding:58px 0 66px}.ai-intro-layout{gap:30px}.ai-intro-copy{font-size:28px}.ai-intro-orb{width:185px}.ai-orb-phase img{width:96px;height:96px}.ai-orb-phase span{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ai-intro-sentence,.ai-orb-phase,.ai-orb-light{transition:none}.ai-intro.is-enhanced .ai-intro-sentence{color:#f4eefb}}
html.motion-paused .ai-intro-sentence,html.motion-paused .ai-orb-phase,html.motion-paused .ai-orb-light{transition:none}

/* Generated from the original hero artwork; each scroll state has its own horizon. */
.ai-orb-phase:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--orb-art) center / cover no-repeat;pointer-events:none}
.ai-orb-phase:nth-child(1){--orb-art:url('./intro-orbs/work.webp')}
.ai-orb-phase:nth-child(2){--orb-art:url('./intro-orbs/inspire.webp')}
.ai-orb-phase:nth-child(3){--orb-art:url('./intro-orbs/build.webp')}
.ai-orb-phase:nth-child(4){--orb-art:url('./intro-orbs/learn.webp')}

/* Brand yellow, violet and the UI Kit’s dark-mode blue reveal with each sentence. */
.ai-intro-workshops{--intro-accent:var(--gold,#f9c80e)}
.ai-intro-agents{--intro-accent:#9b61e5}
.ai-intro-training{--intro-accent:oklch(0.6691 0.1569 260.1063)}
.ai-intro-highlight{color:var(--intro-accent);transition:color .32s ease}
.ai-intro.is-enhanced .ai-intro-sentence:not(.is-read) .ai-intro-highlight{color:inherit}
@media(prefers-reduced-motion:reduce){.ai-intro-highlight{transition:none}.ai-intro.is-enhanced .ai-intro-sentence .ai-intro-highlight{color:var(--intro-accent)}}
html.motion-paused .ai-intro-highlight{transition:none}