.hero-audience-art{position:relative;max-width:1600px;margin:0 auto}
.hero-audience-art .hero-artwork-image{position:static;display:block;width:100%;height:auto;opacity:1}
.audience-link{position:absolute;display:inline-flex;align-items:center;gap:12px;padding:12px 18px;background:#22d5cc;color:#04172d;border:1px solid #67fff3;border-radius:5px;font-size:15px;font-weight:800;text-decoration:none;box-shadow:0 4px 20px #00142688;line-height:1.3}
.audience-link span{display:none}.audience-link:hover{background:white}.audience-link:focus-visible{outline:3px solid white;outline-offset:4px}
.audience-athletes{left:2.2%;top:45.5%}.audience-adults{left:86.5%;top:45.5%;transform:translateX(-5%)}
.audience-children{left:2.2%;top:85.5%}.audience-older-adults{left:86.5%;top:85.5%;transform:translateX(-5%)}
.audience-page{background:#f8faf9}.audience-page .brand-logo{width:250px;height:auto}.audience-page .nav{background:white}
.audience-intro{padding:80px 7vw;background:#04172d;color:white}.audience-intro-inner{max-width:1120px;margin:auto}.audience-intro h1{max-width:950px;font-size:clamp(42px,5vw,70px);line-height:1.1}.audience-intro p:not(.eyebrow){max-width:850px;font-size:20px;line-height:1.75;color:#d0e0ed}.audience-intro .back-link{color:#22d5cc;font-size:15px;text-decoration:none}
.audience-body{max-width:1120px;padding:70px 30px;margin:auto}.audience-body h2{font-size:clamp(32px,3vw,44px)}.audience-body p{font-size:18px;line-height:1.8;color:#506b7e}.audience-steps{list-style:none;padding:0;counter-reset:steps}.audience-steps li{padding:28px 0;border-top:1px solid #d8e5e9}.audience-steps h3{font-size:24px;color:#102c46}.audience-steps h3:before{counter-increment:steps;content:'0' counter(steps) ' / ';color:#0867d8}.audience-body .note{font-size:16px}.audience-footer{padding:35px 7vw;background:white}.audience-footer a{color:#0867d8}
@media(max-width:1100px){.audience-link{font-size:14px;padding:10px 12px;gap:5px}.audience-adults,.audience-older-adults{left:auto;right:1.5%;transform:none}}
@media(max-width:750px){.audience-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 6vw}.audience-link{position:static;transform:none;display:flex;flex-direction:column;gap:4px;text-align:center;font-size:15px;padding:14px 8px;box-shadow:none}.audience-link span{display:block;font-size:16px}.audience-link b{display:none}.audience-intro{padding:50px 6vw}.audience-body{padding:40px 6vw}.audience-page .brand-logo{width:180px}}

.audience-intro{position:relative;isolation:isolate;overflow:hidden;min-height:580px;display:flex;align-items:center;background:#04172d;padding:85px 7vw}
.audience-intro-inner{width:100%;max-width:1320px;margin:auto}
.audience-intro-copy{position:relative;z-index:2;max-width:740px}
.audience-intro h1{font-size:clamp(40px,4.5vw,66px)}
.audience-intro p:not(.eyebrow){max-width:670px}
.audience-hero-image{position:absolute;z-index:-2;inset:0 0 0 auto;width:78%;overflow:hidden;border:0;border-radius:0;background:transparent;mask-image:linear-gradient(to right,transparent 0%,#000 38%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 38%)}
.audience-hero-image .hero-person-photo{width:100%;height:100%;aspect-ratio:auto}
.audience-intro:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,#04172dfa 0%,#04172de8 30%,#04172d99 53%,#04172d20 82%),linear-gradient(0deg,#04172d99,transparent 35%)}
@media(max-width:900px){.audience-intro{min-height:600px;padding:65px 6vw}.audience-intro-copy{max-width:650px}.audience-hero-image{width:100%;mask-image:none;-webkit-mask-image:none}.audience-intro:after{background:linear-gradient(90deg,#04172ded,#04172d99 75%),linear-gradient(0deg,#04172d,transparent 80%)}}

/* Keep category portraits at the far right, clear of the title column. */
.audience-hero-image{width:48%;right:0;left:auto;mask-image:linear-gradient(to right,transparent 0%,#000 22%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 22%)}
.audience-intro-copy{max-width:52%}
.audience-intro:after{background:linear-gradient(90deg,#04172d 0%,#04172df5 45%,#04172d55 65%,#04172d08 100%),linear-gradient(0deg,#04172d77,transparent 35%)}
@media(max-width:900px){.audience-intro-copy{max-width:57%}.audience-hero-image{width:48%}.audience-intro h1{font-size:clamp(34px,4.5vw,52px)}}
@media(max-width:650px){.audience-intro{display:block;padding-top:280px}.audience-intro-copy{max-width:100%}.audience-hero-image{top:0;bottom:auto;width:85%;height:290px;mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}.audience-intro:after{background:linear-gradient(90deg,#04172d88,transparent 65%);bottom:auto;height:280px}.audience-intro h1{font-size:38px}}

/* Scale each source image uniformly; crop excess instead of stretching. */
.audience-hero-image{container-type:size}
.audience-hero-image .hero-person-photo:not(.hero-person-photo-first-responders):not(.hero-person-photo-corporate-wellness){background-size:auto 200%}
@container(min-aspect-ratio:3/2){.audience-hero-image .hero-person-photo:not(.hero-person-photo-first-responders):not(.hero-person-photo-corporate-wellness){background-size:200% auto}}
.audience-hero-image .hero-person-photo-first-responders,.audience-hero-image .hero-person-photo-corporate-wellness{background-size:cover}

@media(max-width:900px){.audience-intro-copy{max-width:650px}.audience-hero-image{width:78%}.audience-intro:after{background:linear-gradient(90deg,#04172df5 0%,#04172dd9 38%,#04172d66 100%),linear-gradient(0deg,#04172daa,transparent 65%)}}
@media(max-width:650px){.audience-intro{display:flex;padding:65px 6vw;min-height:580px}.audience-intro-copy{max-width:100%}.audience-hero-image{inset:0 0 0 auto;width:100%;height:auto;mask-image:none;-webkit-mask-image:none}.audience-intro:after{inset:0;height:auto;background:linear-gradient(90deg,#04172df5 0%,#04172dd9 38%,#04172d66 100%),linear-gradient(0deg,#04172daa,transparent 65%)}}

.audience-intro:before{content:"";position:absolute;z-index:0;inset:15% 0 0;pointer-events:none;background:url('/assets/category-brainwaves.webp') center 65%/cover no-repeat;mix-blend-mode:screen;opacity:.3;mask-image:linear-gradient(to right,#000 0%,#000 55%,transparent 95%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 55%,transparent 95%)}
@media(max-width:650px){.audience-intro:before{opacity:.2}}

/* Give the other portraits the same uncropped source-stage alignment as the athlete. */
.audience-hero-aligned .hero-person-photo{position:absolute;left:0;top:0;width:max(100cqw,150cqh);height:max(100cqh,66.666667cqw);max-width:none}
.audience-hero-aligned .hero-person-photo:not(.hero-person-photo-first-responders):not(.hero-person-photo-corporate-wellness){background-size:200% 200%}
.audience-hero-aligned .hero-person-photo-first-responders,.audience-hero-aligned .hero-person-photo-corporate-wellness{background-size:cover;background-position:left top}

/* Center the adult portraits within the visible mobile hero width. */
@media(max-width:900px){.audience-hero-mobile-centered .hero-person-photo{left:50%;transform:translateX(-50%)}}