/* AURA 8.7.4 — HMO visual system for editable service pages only.
   Content and images remain untouched. Protected pages are excluded by body classes.
   Developers approved hero remains untouched. */

/* Dark sections: white type with gold eyebrow accents. */
body.page-developers #aura-main .aura-hmo-dark :where(h1,h2,h3,h4,h5,h6,p,a),
body.page-developers #aura-main .aura-hmo-experience :where(h1,h2,h3,h4,h5,h6,p,a),
body.aura-hmo-look-page #aura-main .aura-dark-service :where(h1,h2,h3,h4,h5,h6,p,a),
body.aura-hmo-look-page #aura-main .aura-hmo-dark :where(h1,h2,h3,h4,h5,h6,p,a),
body.aura-hmo-look-page #aura-main .aura-hmo-experience :where(h1,h2,h3,h4,h5,h6,p,a){color:#fff!important}
body.page-developers #aura-main .aura-hmo-dark .aura-eyebrow,
body.page-developers #aura-main .aura-hmo-experience .aura-eyebrow,
body.aura-hmo-look-page #aura-main .aura-dark-service .aura-eyebrow,
body.aura-hmo-look-page #aura-main .aura-hmo-dark .aura-eyebrow,
body.aura-hmo-look-page #aura-main .aura-hmo-experience .aura-eyebrow{color:#c8a86b!important}

/* Replace the strong gold final CTA background with a quiet architectural light grey.
   Applies to HMO-style final CTA sections wherever that approved structure is used. */
#aura-main .aura-hmo-final{background:#e9e9e6!important;color:#071725!important}
#aura-main .aura-hmo-final :where(h1,h2,h3,h4,h5,h6,p,a){color:#071725!important}
#aura-main .aura-hmo-final .aura-eyebrow{color:#8a7448!important}
#aura-main .aura-hmo-final .wp-block-button__link{background:transparent!important;color:#071725!important;border-color:#071725!important}

/* Approved HMO rhythm on non-protected service templates while preserving native Gutenberg blocks. */
body.aura-hmo-look-page #aura-main.aura-new-service-page{--hmo-navy:#071725;--hmo-paper:#f1eee7;--hmo-gold:#c8a86b;--hmo-line:rgba(21,53,76,.18);background:#fff;color:#15354c}
body.aura-hmo-look-page #aura-main.aura-new-service-page>.aura-service-intro{width:100%!important;max-width:none!important;margin:0!important;padding:112px max(48px,calc((100vw - 1600px)/2))!important;background:var(--hmo-paper)!important;box-sizing:border-box!important}
body.aura-hmo-look-page #aura-main.aura-new-service-page>.aura-service-intro h2{color:#153a55;font-size:clamp(54px,5.2vw,88px);font-weight:500;line-height:.91;letter-spacing:-.06em}
body.aura-hmo-look-page #aura-main.aura-new-service-page>.aura-service-intro h3{color:#153a55;font-size:clamp(27px,2.2vw,39px);line-height:1.02;letter-spacing:-.045em}
body.aura-hmo-look-page #aura-main.aura-new-service-page>.aura-dark-service{width:100%!important;max-width:none!important;margin:0!important;padding:105px max(48px,calc((100vw - 1600px)/2))!important;background:var(--hmo-navy)!important;box-sizing:border-box!important}
body.aura-hmo-look-page #aura-main.aura-new-service-page>.aura-dark-service h2{color:#fff!important;font-size:clamp(54px,5.5vw,94px);line-height:.93;letter-spacing:-.055em;font-weight:500}
body.aura-hmo-look-page #aura-main.aura-new-service-page>.aura-visual-story{width:100%!important;max-width:none!important;margin:0!important;padding:110px max(48px,calc((100vw - 1600px)/2))!important;background:#fff!important;box-sizing:border-box!important}
body.aura-hmo-look-page #aura-main.aura-new-service-page .aura-eyebrow{color:var(--hmo-gold)!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.19em!important}
body.aura-hmo-look-page #aura-main.aura-new-service-page .wp-block-button__link{border-radius:0!important}

/* Older service templates which still use post-content + aura-content-710 now receive the HMO cream intro treatment too. */
body.aura-hmo-look-page #aura-main:not(.aura-new-service-page)>.aura-content-710{width:100%!important;max-width:none!important;margin:0!important;padding:112px max(48px,calc((100vw - 1600px)/2))!important;background:#f1eee7!important;box-sizing:border-box!important}
body.aura-hmo-look-page #aura-main:not(.aura-new-service-page)>.aura-content-710 h2{color:#153a55!important;font-size:clamp(54px,5.2vw,88px)!important;line-height:.91!important;letter-spacing:-.06em!important}
body.aura-hmo-look-page #aura-main:not(.aura-new-service-page)>.aura-content-710 h3{color:#153a55!important}

@media(max-width:900px){
 body.aura-hmo-look-page #aura-main.aura-new-service-page>.aura-service-intro,
 body.aura-hmo-look-page #aura-main.aura-new-service-page>.aura-dark-service,
 body.aura-hmo-look-page #aura-main.aura-new-service-page>.aura-visual-story,
 body.aura-hmo-look-page #aura-main:not(.aura-new-service-page)>.aura-content-710{padding-left:20px!important;padding-right:20px!important}
}
