/* Real Fitness First activation, fading from the editorial black into the scene. */
.hero .hero-photo{inset:0;background-image:url('assets/hero-fitness-first-updated.webp');background-position:right center;background-size:auto 100%;background-repeat:no-repeat}
.hero:after{background:linear-gradient(90deg,#030c13 0%,#030c13 30%,#030c13f5 37%,#030c13c2 43%,#030c1366 49%,#030c131a 56%,transparent 64%)}
@media(max-width:900px){.hero .hero-photo{background-size:auto 100%;background-position:70% center}.hero:after{background:linear-gradient(90deg,#030c13f5 0%,#030c13dd 32%,#030c1380 58%,#030c1333 100%)}}
@media(max-width:650px){.hero .hero-photo{inset:0;background-position:63% center}.hero:after{background:linear-gradient(90deg,#030c13ed,#030c13a6 70%,#030c1366),linear-gradient(0deg,#030c13c9,transparent 65%)}}
@media(min-width:901px){.hero-copy{padding-top:3vw}}
header .wordmark{display:block;flex-shrink:0;line-height:0}
header .wordmark img{width:180px;height:70px;object-fit:contain;object-position:left center}
@media(max-width:650px){header .wordmark img{width:135px;height:53px}}
/* Deliberate four-line headline; the gradient restarts on each selected word. */
.hero h1{color:#fff}
.hero-headline-line{display:block}
.hero-gradient-word{background:linear-gradient(105deg,#53C7F5 0%,#26A9E8 55%,#1887D5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#26A9E8}
@media(min-width:901px){.hero h1{font-size:clamp(29px,3vw,46px)}.hero-headline-line{white-space:nowrap}}
/* Match the hero CTA to the headline's exact blue gradient. */
.hero-copy .pill{background:linear-gradient(105deg,#53C7F5 0%,#26A9E8 55%,#1887D5 100%);color:#fff;border-color:transparent}
.hero-copy .pill:hover{background:linear-gradient(105deg,#53C7F5 0%,#26A9E8 55%,#1887D5 100%)}
.hero-copy .pill span{color:#fff}
/* Stronger headline and a slightly wider, feathered dark editorial field. */
@media(min-width:901px){
 .hero h1{font-size:clamp(32.48px,3.36vw,51.52px);line-height:1.05}
 .hero:after{background:linear-gradient(90deg,#030c13 0%,#030c13 34%,#030c13f5 41%,#030c13c2 47%,#030c1366 53%,#030c131a 60%,transparent 68%)}
}
.hero-copy .eyebrow{margin-top:20px;margin-bottom:0}
.hero-copy .actions{margin-top:18px}
@media(min-width:651px) and (max-width:900px){.hero-copy{padding-top:28px}.hero h1{font-size:32px;line-height:1.05}}
/* Centre the complete text group between the header and the unchanged white fade. */
@media(min-width:901px){
 .hero-copy{position:absolute;top:7vw;bottom:13%;display:flex;flex-direction:column;justify-content:center;width:min(61vw,940px);padding:0 2.7vw}
 .hero h1{font-size:clamp(37.68px,3.8976vw,59.7632px);line-height:1.05}
 .hero-copy>p:not(.eyebrow){font-size:clamp(17px,1.6585vw,25.68px);line-height:1.25;margin-top:26px;max-width:690px;flex-shrink:0}
 .hero-copy .actions{margin-top:30px;flex-shrink:0}
}
@media(min-width:1542px){.hero-copy{padding-left:var(--page-inset);padding-right:0;width:calc(var(--page-inset) + 820px)}}