/* Approved KV, isolated from the rebuilt components. Source: Ver.10.14.
   Animation JS, 180 dots, four ring colors, timing and motion are unchanged. */
.hero{--kv-scroll:0;position:relative;isolation:isolate;overflow:hidden;min-height:590px;color:#171719;padding:115px 0 116px;background:linear-gradient(135deg,#91e8f7 0%,#b0ebf7 45%,#d2f2fa 100%)}
.hero .container{position:relative;z-index:2;width:min(1240px,calc(100% - 80px));margin-inline:auto;transform:translate3d(0,calc(var(--kv-scroll,0) * 70px),0)}
.hero .eyebrow{font-size:.85rem;line-height:1.3;letter-spacing:.08em;color:#171719;border:1px solid #171719;padding:7px 14px;display:inline-block;font-weight:700;margin:0 0 30px;text-transform:uppercase}
.hero h1{font-size:clamp(3.1rem,7.2vw,7.3rem);font-weight:700;line-height:1.19;letter-spacing:-.085em;margin:0 0 28px;max-width:1100px}
.hero .lead{font-size:clamp(1.05rem,2vw,1.55rem);font-weight:700;margin:0 0 24px;line-height:1.85}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.hero .button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;background:#1b1b1d;color:#fff;text-decoration:none;font-weight:700;font-size:1rem;line-height:1.4;padding:15px 26px;border:2px solid #171719;border-radius:12px;transition:none;gap:normal}
.hero .button:hover{background:#343436;transform:none}
.hero .container>.eyebrow{translate:0 calc(var(--kv-scroll)* 28px)}
.hero .container>h1{translate:0 calc(var(--kv-scroll)* 84px)}
.hero .container>.lead{translate:0 calc(var(--kv-scroll)* 120px)}
.hero .container>.hero-actions{translate:0 calc(var(--kv-scroll)* 140px)}
.hero-parallax-art{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.hero .hero-art-ring,.hero .hero-art-grid,.hero .hero-art-arc,.hero::after{display:none}
.hero .hero-people-circle{position:absolute;inset:0;right:auto;top:auto;width:100%;height:100%;display:block;overflow:hidden;opacity:.72;translate:none;pointer-events:none}
.hero-people-circle-dots circle{fill:#171719}.hero-people-circle-dots circle:nth-child(5n){fill:#216272}.hero-people-circle-dots circle:nth-child(13n){fill:#b64465}.hero-people-circle-dots>g{pointer-events:none}.hero-people-circle-dots>g>circle{fill:none;stroke-linecap:round}
.hero::before{content:"";display:block;position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1;border:0;border-radius:0;pointer-events:none;z-index:0;opacity:0;will-change:auto;transform:translate3d(0,calc(var(--kv-scroll,0) * 95px),0);background:radial-gradient(ellipse at 16% 18%,rgba(89,172,224,.65),transparent 50%),radial-gradient(ellipse at 80% 25%,rgba(246,153,193,.65),transparent 52%),radial-gradient(ellipse at 69% 82%,rgba(184,221,119,.66),transparent 52%),radial-gradient(ellipse at 21% 82%,rgba(228,194,154,.67),transparent 52%),linear-gradient(115deg,#a4e3f5 0%,#e1e5f6 24%,#f1cce4 48%,#e9e6bc 73%,#a8deef 100%);background-size:145% 145%,145% 145%,145% 145%,145% 145%,220% 220%;background-position:10% 30%,88% 14%,70% 85%,12% 90%,0% 40%;transition:opacity 1.2s ease;animation:heroGradientFlow 6.25s ease-in-out infinite alternate;animation-play-state:paused}
.hero.hero-gradient-active::before{opacity:1;animation-play-state:running}
@keyframes heroGradientFlow{0%{background-position:10% 30%,90% 15%,75% 80%,15% 88%,0% 40%;filter:hue-rotate(0deg) saturate(1)}25%{background-position:45% 15%,70% 42%,35% 65%,45% 75%,32% 55%;filter:hue-rotate(24deg) saturate(1.13)}50%{background-position:80% 55%,35% 75%,55% 20%,78% 40%,65% 35%;filter:hue-rotate(52deg) saturate(1.08)}75%{background-position:48% 80%,15% 30%,88% 48%,35% 12%,85% 65%;filter:hue-rotate(85deg) saturate(1.12)}100%{background-position:15% 60%,75% 88%,12% 35%,90% 55%,100% 45%;filter:hue-rotate(125deg) saturate(1.04)}}
@media(max-width:800px){.hero{padding:80px 0 90px;min-height:0}.hero .container{width:calc(100% - 40px);transform:translate3d(0,calc(var(--kv-scroll,0) * 36px),0)}.hero h1{font-size:clamp(2.65rem,9vw,5.2rem);letter-spacing:-.075em}.hero::before{transform:translate3d(0,calc(var(--kv-scroll,0) * 48px),0)}.hero .container>.eyebrow{translate:0 calc(var(--kv-scroll)* 12px)}.hero .container>h1{translate:0 calc(var(--kv-scroll)* 40px)}.hero .container>.lead{translate:0 calc(var(--kv-scroll)* 58px)}.hero .container>.hero-actions{translate:0 calc(var(--kv-scroll)* 68px)}.hero .hero-people-circle{opacity:.48}}
@media(max-width:390px){.hero-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after,.hero .container{transform:none!important}.hero .container>.eyebrow,.hero .container>h1,.hero .container>.lead,.hero .container>.hero-actions{translate:none!important}.hero::before,.hero.hero-gradient-active::before{animation:none;opacity:0;transition:none}}
