/* RLX V12: refined consistent typography and hero overlays */
:root{--rlx-h1:clamp(42px,5.3vw,72px);--rlx-h2:clamp(28px,3.2vw,46px)}
:where(.activity-hero,.coach-hero,.pilates-hero,.fit-hero,.page-hero,.mini-hero) h1{
 font-size:var(--rlx-h1)!important;line-height:1.04!important;letter-spacing:-.045em!important;
}
:where(.activity-section,.coach-section,.pilates-matching,.fitness-redesign,.section) h2:not(.activity-card h2):not(.coach-card h2):not(.pilates-coach-card h2){font-size:var(--rlx-h2)!important}
/* A full-width translucent overlay, with a compact centered icon cluster. */
main>.fit-hero .fit-quick,main>.rlx-home-hero>.quicklinks{
 left:0!important;right:0!important;width:100%!important;max-width:none!important;
 background:rgba(10,15,17,.30)!important;
 backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
}
main>.fit-hero .fit-quicklinks,main>.rlx-home-hero>.quicklinks{
 width:min(840px,94%)!important;max-width:840px!important;margin:0 auto!important;
 padding:8px 10px!important;
}
main>.fit-hero .fit-quicklinks{grid-template-columns:repeat(4,minmax(0,1fr))!important}
main>.rlx-home-hero>.quicklinks{grid-template-columns:repeat(5,minmax(0,1fr))!important}
main>.fit-hero .fit-quicklinks a,main>.rlx-home-hero>.quicklinks a{
 padding:7px 5px!important;
}
/* Correct the fitness image layers: photo, darkening, slash, text, icon overlay. */
.fitness-redesign main>.fit-hero{isolation:isolate;background:#0b1012!important}
.fitness-redesign main>.fit-hero .fit-hero-photo{
 display:block!important;z-index:0!important;width:76%;filter:brightness(.80) saturate(.88);
}
.fitness-redesign main>.fit-hero:before{
 display:block!important;z-index:1!important;
 background:linear-gradient(90deg,rgba(5,9,11,.98) 0%,rgba(5,9,11,.92) 25%,rgba(5,9,11,.69) 50%,rgba(5,9,11,.20) 100%)!important;
}
.fitness-redesign main>.fit-hero:after{z-index:2!important}
.fitness-redesign main>.fit-hero .fit-hero-inner{
 z-index:3!important;position:relative!important;padding-top:80px!important;padding-bottom:102px!important;
}
.fitness-redesign main>.fit-hero h1{font-size:clamp(42px,5.3vw,72px)!important;margin:12px 0 13px!important;color:#fff!important;text-shadow:0 2px 16px #0009}
.fitness-redesign main>.fit-hero p{font-size:16px!important;line-height:1.5!important;max-width:440px!important;color:#f1f5f3!important;text-shadow:0 1px 8px #000c}
.fitness-redesign main>.fit-hero .eyebrow{color:#b7f52c!important}
.fitness-redesign main>.fit-hero .fit-quick{z-index:5!important}
/* Pilates: the smaller mark is entirely to the right of the diagonal separator. */
main>.pilates-hero .pilates-brand-logo{
 width:clamp(125px,13vw,175px)!important;right:3%!important;bottom:26px!important;
 z-index:6!important;
}
main>.pilates-hero .activity-hero-slash{z-index:3}
/* FAQ logo aligned to the heading on the right; keep accordion content full width below. */
.pilates-faq>.container{position:relative!important;padding-right:4%!important}
.pilates-faq>.container>h2{padding-right:205px!important}
.pilates-faq-brand{
 position:absolute!important;right:4%!important;top:34px!important;
 transform:none!important;width:175px!important;max-width:26%!important;
 margin:0!important;
}
@media(max-width:800px){
 :root{--rlx-h1:clamp(38px,7.5vw,60px);--rlx-h2:clamp(27px,5vw,40px)}
 main>.pilates-hero .pilates-brand-logo{width:135px!important;right:3%!important;bottom:20px!important}
 .pilates-faq-brand{top:30px!important;width:140px!important}
 .pilates-faq>.container>h2{padding-right:155px!important}
}
@media(max-width:550px){
 :root{--rlx-h1:clamp(36px,8.4vw,47px);--rlx-h2:clamp(26px,6.5vw,35px)}
 .fitness-redesign main>.fit-hero .fit-hero-inner{padding:75px 20px 95px!important}
 .fitness-redesign main>.fit-hero h1{font-size:clamp(36px,8.4vw,47px)!important}
 .fitness-redesign main>.fit-hero p{font-size:13px!important;line-height:1.4!important;max-width:320px!important}
 main>.fit-hero .fit-quicklinks,main>.rlx-home-hero>.quicklinks{width:98%!important;padding:6px 1px!important}
 main>.pilates-hero .pilates-brand-logo{width:110px!important;right:2%!important;bottom:70px!important}
 .pilates-faq-brand{width:105px!important;top:36px!important;right:4%!important}
 .pilates-faq>.container>h2{padding-right:115px!important}
}