/* AGE X hero: vector lettering, centered statement, retained glass-cube motion. */
.hx-hero{padding:0!important;position:relative;height:100svh;min-height:800px}
.hx-hero .hero-content{position:absolute;left:36px;top:112px;width:auto;max-width:none;margin:0;z-index:2;pointer-events:none}
.hx-hero .hero-description{max-width:none}
.hx-hero .hx-wordmark{display:block;width:330px;height:auto;animation:none;overflow:visible}
.hx-hero h1{font:400 20px/1.5 var(--display);margin:20px 0 0;letter-spacing:-.025em}
.hx-hero .hero-tagline{position:absolute;left:36px;top:50%;transform:translateY(-50%);width:clamp(260px,32vw,400px);max-width:calc(100% - 44px);margin:0;text-align:left;color:#404349;font:400 clamp(27px,2.5vw,38px)/1.3 var(--display);letter-spacing:-.035em;z-index:2;pointer-events:none}
.hero-x{transform-box:fill-box;transform-origin:center;animation:agex-x-spin 3s linear 3 forwards}
@keyframes agex-x-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.hero-perspectives{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:min(720px,calc(100% - 44px));z-index:3;text-align:center}
.hero-view-buttons{display:flex;gap:6px;align-items:center;justify-content:center}
.hero-view-buttons button{min-height:44px;padding:10px 18px;border:1px solid #d7dce2;border-radius:25px;background:#ffffffd9;font:11px/1.3 var(--display);color:#666}
.hero-view-buttons button[aria-pressed=true]{border-color:#20252c;background:#20252c;color:#fff}
#hero-topic-list{font:10px/1.65 var(--display);color:#707780;max-width:680px;margin:10px auto 0;min-height:33px}
@media(min-width:1600px){.hx-hero .hero-content{left:48px;top:125px}.hx-hero .hx-wordmark{width:390px}.hx-hero .hero-tagline{left:48px}}
@media(max-width:767px){.hx-hero{min-height:844px}.hx-hero .hero-content{left:22px;top:100px}.hx-hero .hx-wordmark{width:258px}.hx-hero h1{font-size:16px;margin-top:16px}.hx-hero .hero-tagline{left:22px;top:43%;font-size:27px;width:340px;line-height:1.3}.hero-perspectives{bottom:14px;width:calc(100% - 32px)}.hero-view-buttons{gap:5px}.hero-view-buttons button{font-size:10px;padding:10px 15px}#hero-topic-list{font-size:9px;line-height:1.7;min-height:32px;margin-top:7px}}
@media(prefers-reduced-motion:reduce){.hero-x{animation:none!important;transform:none!important}}
.motion-paused .hero-x{animation-play-state:paused!important;transform:none!important}