.rotating-banner {min-height:540px;isolation:isolate;}
.banner-images {position:absolute;inset:0;z-index:-2;}
.banner-slide {width:100%;height:100%;object-fit:cover;object-position:center;}
.banner-slide[hidden] {display:none;}
.rotating-banner::after {z-index:-1; background:linear-gradient(90deg,rgba(39,15,35,.95),rgba(39,15,35,.7) 47%,rgba(39,15,35,.12));}
.rotating-banner .page-hero-content {padding-bottom:6rem;max-width:65%;}
.rotating-banner h1 {font-size:clamp(2.2rem,4.3vw,4.5rem);}
.banner-fitness .banner-images {left:52%;background:#270f23;}
.banner-fitness .banner-slide {object-fit:contain;}
.banner-fitness::after {background:linear-gradient(90deg,#270f23 40%,rgba(39,15,35,0) 58%);}
.banner-fitness .page-hero-content {max-width:53%;}
.banner-controls {position:absolute;z-index:2;bottom:1.25rem;left:clamp(1.2rem,6vw,5rem);display:flex;gap:.6rem;align-items:center;color:white;}
.banner-controls[hidden] {display:none;}
.banner-controls button {min-width:44px;min-height:44px;padding:.5rem .75rem;border:1px solid #fff9;border-radius:6px;background:#270f23;color:white;font:inherit;cursor:pointer;}
.banner-controls button:focus-visible {outline:3px solid white;outline-offset:3px;}
@media(max-width:760px) {
 .rotating-banner {min-height:0;display:flex;flex-direction:column;align-items:stretch;}
 .rotating-banner .page-hero-content {max-width:none;width:100%;padding:2rem 1.2rem;order:0;}
 .rotating-banner .banner-images {position:relative;inset:auto;height:330px;order:1;z-index:0;}
 .rotating-banner::after {display:none;}
 .rotating-banner .banner-controls {position:relative;bottom:auto;left:auto;padding:1rem 1.2rem;flex-wrap:wrap;order:2;}
 .banner-community .banner-slide {object-position:center;}
}