/* One echo language, with a quiet color and origin for each chapter. */
body{--echo-rgb:86 127 184;--echo-x:68%;--echo-y:42%;--echo-strength:.48;--echo-cycle:22s}
body[data-route=about]{--echo-rgb:72 125 222;--echo-x:72%;--echo-y:36%;--echo-cycle:21s}
body[data-route=waicy]{--echo-rgb:90 142 112;--echo-x:28%;--echo-y:50%;--echo-cycle:24s}
body[data-route=aigc]{--echo-rgb:124 138 158;--echo-x:60%;--echo-y:46%;--echo-strength:.32;--echo-cycle:20s}
body[data-route=enterprise]{--echo-rgb:68 130 132;--echo-x:76%;--echo-y:56%;--echo-cycle:26s}
body[data-route=talent]{--echo-rgb:139 111 175;--echo-x:35%;--echo-y:44%;--echo-cycle:23s}
body[data-route=together]{--echo-rgb:80 139 202;--echo-x:50%;--echo-y:60%;--echo-cycle:20s}
[data-theme=dark] body{--echo-strength:.6}
.on-chapter #chapter{position:relative;isolation:isolate}
.chapter-echo{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at var(--echo-x) var(--echo-y),rgb(var(--echo-rgb) / .075),transparent 72%)}
.chapter-echo .glass-liquid{opacity:var(--echo-strength)}
.chapter-echo .glass-liquid i{left:var(--echo-x);top:var(--echo-y);width:115%;height:110%;background:radial-gradient(ellipse at center,transparent 46%,rgb(var(--echo-rgb) / .03) 51%,rgb(var(--echo-rgb) / .28) 57%,rgb(var(--echo-rgb) / .08) 64%,transparent 70%);animation-duration:var(--echo-cycle)}
.chapter-echo .glass-liquid i:nth-child(2){animation-delay:calc(var(--echo-cycle) * -.25)}
.chapter-echo .glass-liquid i:nth-child(3){animation-delay:calc(var(--echo-cycle) * -.5)}
.chapter-echo .glass-liquid i:nth-child(4){animation-delay:calc(var(--echo-cycle) * -.75)}
.chapter-echo::after{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.echo-surface{position:relative;isolation:isolate;overflow:hidden}
.section-echo{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.section-echo .glass-liquid{opacity:.36}
.section-echo .glass-liquid i{width:130%;height:130%;left:var(--echo-x);top:var(--echo-y)}
.blue-field .section-echo .glass-liquid{opacity:.55}
.case-motion .section-echo .glass-liquid{opacity:.35}
.home-logo-intro{position:absolute;inset:0;display:grid;place-items:center;z-index:20;pointer-events:none}
.home-logo-intro>img{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:1;width:clamp(88px,8vw,124px);height:auto}
.logo-echo{position:absolute;inset:0;overflow:hidden}
.logo-echo i{position:absolute;left:50%;top:50%;width:27vmin;height:27vmin;border-radius:50%;background:radial-gradient(ellipse,transparent 40%,#c8d7ee24 57%,#c8d7ee0c 65%,transparent 72%);opacity:0}
.home-arriving .logo-echo i{animation:logo-echo-release 2s cubic-bezier(.16,.55,.3,1) .7s both}
.home-arriving .logo-echo i:nth-child(2){animation-delay:.92s}
.home-arriving .logo-echo i:nth-child(3){animation-delay:1.14s}
.home-arriving .site-header{visibility:hidden;opacity:0;pointer-events:none}
#home:is([data-intro=logo],[data-intro=expand]) :is(.home-footer,.home-utility){visibility:hidden}
.on-home .site-header{transition:opacity .5s}
@keyframes logo-echo-release{0%{transform:translate(-50%,-50%) scale(.45);opacity:0;filter:blur(3px)}15%{opacity:.8}100%{transform:translate(-50%,-50%) scale(6.5);opacity:0;filter:blur(18px)}}
@media(max-width:900px){.chapter-echo .glass-liquid i{width:160%;height:95%}.home-logo-intro>img{width:96px;top:45%}.logo-echo i{top:45%}.home-scene-copy>small{max-width:18em;margin:20px auto 0;font-size:9px;letter-spacing:.07em}}
@media(prefers-reduced-motion:reduce){.home-logo-intro{display:none}.chapter-echo .glass-liquid i,.section-echo .glass-liquid i{animation:none;opacity:0}.chapter-echo .glass-liquid i:first-child,.section-echo .glass-liquid i:first-child{opacity:.24}}
@media(prefers-reduced-transparency:reduce){.chapter-echo,.section-echo{display:none}}
@media print{.chapter-echo,.section-echo,.home-logo-intro{display:none}}