/* Shared decorative header backgrounds; the page content stays still. */
header.sage-rotating-header{position:relative;isolation:isolate;overflow:hidden;background:#27422F url('/assets/backgrounds/01-wellness.webp') center/cover no-repeat}
header.sage-rotating-header::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(25,49,31,.72);pointer-events:none}
header.sage-rotating-header>.sage-backdrop{position:absolute;inset:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 2s ease-in-out;pointer-events:none}
header.sage-rotating-header>.sage-backdrop.is-visible{opacity:1}
header.sage-rotating-header>:not(.sage-backdrop){position:relative;z-index:2}
header.sage-rotating-header>.sage-background-toggle{position:absolute;right:14px;bottom:12px;margin:0;padding:5px 10px;border:1px solid rgba(255,255,255,.65);border-radius:5px;background:rgba(20,39,25,.8);color:#fff;font:400 14px/1.5 'Segoe UI',Arial,sans-serif;cursor:pointer}
header.sage-rotating-header>.sage-background-toggle:hover{background:#27422F}
header.sage-rotating-header>.sage-background-toggle:focus-visible{outline:3px solid #D9F5BF;outline-offset:3px}
@media(prefers-reduced-motion:reduce){header.sage-rotating-header>.sage-backdrop{transition:none}}

/* One compact hero on every public template. */
header.sage-rotating-header{padding:91px 20px;color:#fff;text-align:center;line-height:1.7;flex-shrink:0}
header.sage-rotating-header h1{font-size:4rem;font-weight:700;letter-spacing:2px;line-height:1.7;margin:0;padding:0}
header.sage-rotating-header h2{font-size:2.2rem;font-weight:700;line-height:1.7;margin:15px 0;padding:0;color:#D9F5BF}
header.sage-rotating-header p{max-width:800px;margin:auto;padding:0;font-size:1.15rem;font-weight:700;line-height:1.7;color:#fff}
header.sage-rotating-header a.button{display:inline-block;width:auto;margin:35px 0 0;padding:14px 30px;border:0;border-radius:5px;background:#7C9A5B;color:#fff;font:400 1rem/1.7 'Segoe UI',Arial,sans-serif;text-decoration:none;transition:background .3s}
header.sage-rotating-header a.button:hover{background:#617948}
@media(max-width:700px){header.sage-rotating-header h1{font-size:2.5rem}}

@media(max-width:700px){header.sage-rotating-header{background-image:url("/assets/backgrounds/01-wellness-mobile.webp")}}