/* O(4)(4) Serenity Homes 60-30-10 token standardization
   Scope: serenity-homes.php / serenity-homes.html dynamic renderer
   Purpose: remove white layout breaks, enforce luxury earth palette, and normalize contrast. */
:root{
  --sh44-bg-linen:#FDFBF7;
  --sh44-bg-linen-soft:#FBF4EA;
  --sh44-bg-sand:#F4E7D7;
  --sh44-bg-espresso:#2D1F18;
  --sh44-bg-espresso-2:#21160F;
  --sh44-bg-espresso-3:#3A2A21;
  --sh44-text-on-light:#2D1F18;
  --sh44-text-body:#4B3A30;
  --sh44-text-muted:#725F52;
  --sh44-text-on-dark:#FDFBF7;
  --sh44-text-on-dark-soft:rgba(253,251,247,.78);
  --sh44-accent-terracotta:#C97945;
  --sh44-accent-terracotta-strong:#A85E35;
  --sh44-accent-gold:#D4A373;
  --sh44-border-tan-blend:rgba(212,163,115,.30);
  --sh44-border-light:rgba(45,31,24,.12);
  --sh44-border-dark:rgba(253,251,247,.14);
  --sh44-overlay-text-tint:rgba(45,31,24,.40);
  --sh44-canvas-sticky-nav:rgba(45,31,24,.44);
  --sh44-shadow-soft:0 24px 80px rgba(45,31,24,.14);
  --sh44-shadow-deep:0 34px 110px rgba(18,11,7,.34);
  --sh44-radius-card:1.65rem;
  --font-luxury-serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-clean-sans:"Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body[data-oloropa-page="serenity-homes.html"],
body[data-oloropa-page="serenity-homes.php"],
body[data-serenity-checkpoint]{
  min-height:100%;
  background:var(--sh44-bg-espresso)!important;
  color:var(--sh44-text-on-light)!important;
  font-family:var(--font-clean-sans)!important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

body[data-oloropa-page="serenity-homes.html"] *,
body[data-oloropa-page="serenity-homes.php"] *,
body[data-serenity-checkpoint] *{
  box-sizing:border-box;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-atelier-main,
body[data-oloropa-page="serenity-homes.php"] .sh7-atelier-main,
body[data-serenity-checkpoint] .sh7-atelier-main{
  --sh7-earth:var(--sh44-bg-espresso)!important;
  --sh7-earth-2:var(--sh44-bg-espresso-2)!important;
  --sh7-ivory:var(--sh44-bg-linen)!important;
  --sh7-sand:var(--sh44-bg-linen)!important;
  --sh7-coast:var(--sh44-bg-linen)!important;
  --sh7-linen:var(--sh44-bg-linen-soft)!important;
  --sh7-gold:var(--sh44-accent-gold)!important;
  --sh7-ink:var(--sh44-text-on-light)!important;
  --sh7-soft:var(--sh44-bg-linen-soft)!important;
  background:
    linear-gradient(180deg,var(--sh44-bg-espresso) 0 15%,var(--sh44-bg-linen) 15% 42%,var(--sh44-bg-espresso) 42% 58%,var(--sh44-bg-linen) 58% 78%,var(--sh44-bg-espresso) 78% 100%)!important;
  color:var(--sh44-text-on-light)!important;
  font-family:var(--font-clean-sans)!important;
  overflow:hidden;
  isolation:isolate;
}

body[data-oloropa-page="serenity-homes.html"] h1,
body[data-oloropa-page="serenity-homes.html"] h2,
body[data-oloropa-page="serenity-homes.html"] h3,
body[data-oloropa-page="serenity-homes.php"] h1,
body[data-oloropa-page="serenity-homes.php"] h2,
body[data-oloropa-page="serenity-homes.php"] h3,
body[data-serenity-checkpoint] h1,
body[data-serenity-checkpoint] h2,
body[data-serenity-checkpoint] h3,
body[data-serenity-checkpoint] .p8-display{
  font-family:var(--font-luxury-serif)!important;
  font-weight:600!important;
  letter-spacing:-.045em;
}

body[data-oloropa-page="serenity-homes.html"] p,
body[data-oloropa-page="serenity-homes.html"] span,
body[data-oloropa-page="serenity-homes.html"] a,
body[data-oloropa-page="serenity-homes.html"] button,
body[data-oloropa-page="serenity-homes.html"] li,
body[data-oloropa-page="serenity-homes.php"] p,
body[data-oloropa-page="serenity-homes.php"] span,
body[data-oloropa-page="serenity-homes.php"] a,
body[data-oloropa-page="serenity-homes.php"] button,
body[data-oloropa-page="serenity-homes.php"] li,
body[data-serenity-checkpoint] p,
body[data-serenity-checkpoint] span,
body[data-serenity-checkpoint] a,
body[data-serenity-checkpoint] button,
body[data-serenity-checkpoint] li{
  font-family:var(--font-clean-sans);
}

body[data-oloropa-page="serenity-homes.html"] .ol-cc-header,
body[data-oloropa-page="serenity-homes.php"] .ol-cc-header,
body[data-serenity-checkpoint] .ol-cc-header{
  background:
    linear-gradient(135deg,rgba(45,31,24,.68),rgba(45,31,24,.34))!important;
  border:1px solid rgba(253,251,247,.18)!important;
  box-shadow:0 22px 80px rgba(20,12,7,.28)!important;
  backdrop-filter:blur(12px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(120%)!important;
}

body[data-oloropa-page="serenity-homes.html"] .ol-cc-link,
body[data-oloropa-page="serenity-homes.html"] .ol-cc-brand,
body[data-oloropa-page="serenity-homes.php"] .ol-cc-link,
body[data-oloropa-page="serenity-homes.php"] .ol-cc-brand,
body[data-serenity-checkpoint] .ol-cc-link,
body[data-serenity-checkpoint] .ol-cc-brand{
  color:var(--sh44-text-on-dark)!important;
  text-shadow:0 1px 14px rgba(0,0,0,.28)!important;
}

body[data-oloropa-page="serenity-homes.html"] .ol-cc-cta,
body[data-oloropa-page="serenity-homes.php"] .ol-cc-cta,
body[data-serenity-checkpoint] .ol-cc-cta{
  background:linear-gradient(135deg,var(--sh44-accent-gold),var(--sh44-accent-terracotta))!important;
  color:#1F130D!important;
  border:1px solid rgba(253,251,247,.28)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-hero,
body[data-oloropa-page="serenity-homes.php"] .sh7-hero,
body[data-serenity-checkpoint] .sh7-hero{
  min-height:96vh!important;
  background:var(--sh44-bg-espresso)!important;
  color:var(--sh44-text-on-dark)!important;
  padding-top:clamp(8.25rem,12vw,11rem)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-hero-shade,
body[data-oloropa-page="serenity-homes.php"] .sh7-hero-shade,
body[data-serenity-checkpoint] .sh7-hero-shade{
  background:
    radial-gradient(circle at 78% 18%,rgba(253,251,247,.20),transparent 30%),
    linear-gradient(105deg,rgba(45,31,24,.92),rgba(45,31,24,.66) 46%,rgba(45,31,24,.22)),
    linear-gradient(180deg,rgba(45,31,24,.24),rgba(45,31,24,.80))!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-hero-copy,
body[data-oloropa-page="serenity-homes.html"] .sh7-hero-copy h1,
body[data-oloropa-page="serenity-homes.php"] .sh7-hero-copy,
body[data-oloropa-page="serenity-homes.php"] .sh7-hero-copy h1,
body[data-serenity-checkpoint] .sh7-hero-copy,
body[data-serenity-checkpoint] .sh7-hero-copy h1{
  color:var(--sh44-text-on-dark)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-hero-copy h1,
body[data-oloropa-page="serenity-homes.php"] .sh7-hero-copy h1,
body[data-serenity-checkpoint] .sh7-hero-copy h1{
  font-size:clamp(3.25rem,7vw,7.4rem)!important;
  line-height:.86!important;
  letter-spacing:-.055em!important;
  text-shadow:0 22px 84px rgba(13,7,4,.56)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-hero-copy p:not(.sh7-kicker),
body[data-oloropa-page="serenity-homes.php"] .sh7-hero-copy p:not(.sh7-kicker),
body[data-serenity-checkpoint] .sh7-hero-copy p:not(.sh7-kicker){
  color:var(--sh44-text-on-dark-soft)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-hero-panel,
body[data-oloropa-page="serenity-homes.php"] .sh7-hero-panel,
body[data-serenity-checkpoint] .sh7-hero-panel{
  background:linear-gradient(180deg,rgba(253,251,247,.84),rgba(253,251,247,.70))!important;
  color:var(--sh44-text-on-light)!important;
  border:1px solid rgba(253,251,247,.40)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
  box-shadow:var(--sh44-shadow-deep)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-hero-panel h2,
body[data-oloropa-page="serenity-homes.php"] .sh7-hero-panel h2,
body[data-serenity-checkpoint] .sh7-hero-panel h2{
  color:var(--sh44-text-on-light)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-section,
body[data-oloropa-page="serenity-homes.php"] .sh7-section,
body[data-serenity-checkpoint] .sh7-section{
  position:relative!important;
  padding:clamp(5rem,8vw,8.5rem) clamp(1.25rem,4vw,5rem)!important;
  background:var(--sh44-bg-linen)!important;
  color:var(--sh44-text-on-light)!important;
  border:0!important;
  overflow:hidden!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-section::before,
body[data-oloropa-page="serenity-homes.php"] .sh7-section::before,
body[data-serenity-checkpoint] .sh7-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 0%,rgba(212,163,115,.12),transparent 32%),
    linear-gradient(180deg,rgba(45,31,24,.03),transparent 34%,rgba(45,31,24,.04));
  opacity:.85;
}

body[data-oloropa-page="serenity-homes.html"] #private-stay-mood-finder,
body[data-oloropa-page="serenity-homes.html"] #residence-fit-comparison-table,
body[data-oloropa-page="serenity-homes.html"] #coast-location-usefulness-map,
body[data-oloropa-page="serenity-homes.html"] #private-stay-service-layer,
body[data-oloropa-page="serenity-homes.php"] #private-stay-mood-finder,
body[data-oloropa-page="serenity-homes.php"] #residence-fit-comparison-table,
body[data-oloropa-page="serenity-homes.php"] #coast-location-usefulness-map,
body[data-oloropa-page="serenity-homes.php"] #private-stay-service-layer,
body[data-serenity-checkpoint] #private-stay-mood-finder,
body[data-serenity-checkpoint] #residence-fit-comparison-table,
body[data-serenity-checkpoint] #coast-location-usefulness-map,
body[data-serenity-checkpoint] #private-stay-service-layer{
  background:linear-gradient(180deg,var(--sh44-bg-linen),var(--sh44-bg-linen-soft))!important;
  color:var(--sh44-text-on-light)!important;
}

body[data-oloropa-page="serenity-homes.html"] #day-to-night-residence-mood-switcher,
body[data-oloropa-page="serenity-homes.html"] #residence-fit-assurance-section,
body[data-oloropa-page="serenity-homes.html"] #private-stay-brief-cta,
body[data-oloropa-page="serenity-homes.php"] #day-to-night-residence-mood-switcher,
body[data-oloropa-page="serenity-homes.php"] #residence-fit-assurance-section,
body[data-oloropa-page="serenity-homes.php"] #private-stay-brief-cta,
body[data-serenity-checkpoint] #day-to-night-residence-mood-switcher,
body[data-serenity-checkpoint] #residence-fit-assurance-section,
body[data-serenity-checkpoint] #private-stay-brief-cta{
  background:
    radial-gradient(circle at 78% 12%,rgba(212,163,115,.20),transparent 31%),
    linear-gradient(180deg,var(--sh44-bg-espresso),var(--sh44-bg-espresso-2))!important;
  color:var(--sh44-text-on-dark)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-section h2,
body[data-oloropa-page="serenity-homes.php"] .sh7-section h2,
body[data-serenity-checkpoint] .sh7-section h2{
  color:var(--sh44-text-on-light)!important;
  text-wrap:balance;
  max-width:920px;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-section-head p:last-child,
body[data-oloropa-page="serenity-homes.html"] .sh7-section > .sh7-inner > p,
body[data-oloropa-page="serenity-homes.php"] .sh7-section-head p:last-child,
body[data-oloropa-page="serenity-homes.php"] .sh7-section > .sh7-inner > p,
body[data-serenity-checkpoint] .sh7-section-head p:last-child,
body[data-serenity-checkpoint] .sh7-section > .sh7-inner > p{
  color:rgba(45,31,24,.76)!important;
}

body[data-oloropa-page="serenity-homes.html"] #day-to-night-residence-mood-switcher h2,
body[data-oloropa-page="serenity-homes.html"] #residence-fit-assurance-section h2,
body[data-oloropa-page="serenity-homes.html"] #private-stay-brief-cta h2,
body[data-oloropa-page="serenity-homes.php"] #day-to-night-residence-mood-switcher h2,
body[data-oloropa-page="serenity-homes.php"] #residence-fit-assurance-section h2,
body[data-oloropa-page="serenity-homes.php"] #private-stay-brief-cta h2,
body[data-serenity-checkpoint] #day-to-night-residence-mood-switcher h2,
body[data-serenity-checkpoint] #residence-fit-assurance-section h2,
body[data-serenity-checkpoint] #private-stay-brief-cta h2{
  color:var(--sh44-text-on-dark)!important;
  text-shadow:0 18px 72px rgba(0,0,0,.40)!important;
}

body[data-oloropa-page="serenity-homes.html"] #day-to-night-residence-mood-switcher p,
body[data-oloropa-page="serenity-homes.html"] #residence-fit-assurance-section p,
body[data-oloropa-page="serenity-homes.html"] #private-stay-brief-cta p,
body[data-oloropa-page="serenity-homes.php"] #day-to-night-residence-mood-switcher p,
body[data-oloropa-page="serenity-homes.php"] #residence-fit-assurance-section p,
body[data-oloropa-page="serenity-homes.php"] #private-stay-brief-cta p,
body[data-serenity-checkpoint] #day-to-night-residence-mood-switcher p,
body[data-serenity-checkpoint] #residence-fit-assurance-section p,
body[data-serenity-checkpoint] #private-stay-brief-cta p{
  color:var(--sh44-text-on-dark-soft)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-kicker,
body[data-oloropa-page="serenity-homes.php"] .sh7-kicker,
body[data-serenity-checkpoint] .sh7-kicker{
  color:var(--sh44-accent-terracotta)!important;
  letter-spacing:.22em!important;
  font-weight:900!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-residence-card,
body[data-oloropa-page="serenity-homes.html"] .sh7-feature-card,
body[data-oloropa-page="serenity-homes.html"] .sh7-service-card,
body[data-oloropa-page="serenity-homes.html"] .sh7-fit-row,
body[data-oloropa-page="serenity-homes.html"] .sh7-fit-card-grid article,
body[data-oloropa-page="serenity-homes.html"] .sh7-dayline article,
body[data-oloropa-page="serenity-homes.php"] .sh7-residence-card,
body[data-oloropa-page="serenity-homes.php"] .sh7-feature-card,
body[data-oloropa-page="serenity-homes.php"] .sh7-service-card,
body[data-oloropa-page="serenity-homes.php"] .sh7-fit-row,
body[data-oloropa-page="serenity-homes.php"] .sh7-fit-card-grid article,
body[data-oloropa-page="serenity-homes.php"] .sh7-dayline article,
body[data-serenity-checkpoint] .sh7-residence-card,
body[data-serenity-checkpoint] .sh7-feature-card,
body[data-serenity-checkpoint] .sh7-service-card,
body[data-serenity-checkpoint] .sh7-fit-row,
body[data-serenity-checkpoint] .sh7-fit-card-grid article,
body[data-serenity-checkpoint] .sh7-dayline article{
  background:linear-gradient(180deg,rgba(253,251,247,.96),rgba(253,251,247,.88))!important;
  border:1px solid var(--sh44-border-light)!important;
  box-shadow:var(--sh44-shadow-soft)!important;
  color:var(--sh44-text-on-light)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-card-copy h3,
body[data-oloropa-page="serenity-homes.html"] .sh7-service-card h3,
body[data-oloropa-page="serenity-homes.html"] .sh7-feature-card h3,
body[data-oloropa-page="serenity-homes.html"] .sh7-fit-card-grid h3,
body[data-oloropa-page="serenity-homes.php"] .sh7-card-copy h3,
body[data-oloropa-page="serenity-homes.php"] .sh7-service-card h3,
body[data-oloropa-page="serenity-homes.php"] .sh7-feature-card h3,
body[data-oloropa-page="serenity-homes.php"] .sh7-fit-card-grid h3,
body[data-serenity-checkpoint] .sh7-card-copy h3,
body[data-serenity-checkpoint] .sh7-service-card h3,
body[data-serenity-checkpoint] .sh7-feature-card h3,
body[data-serenity-checkpoint] .sh7-fit-card-grid h3{
  color:var(--sh44-text-on-light)!important;
  font-size:clamp(1.42rem,2vw,1.9rem)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-card-copy p,
body[data-oloropa-page="serenity-homes.html"] .sh7-feature-card p,
body[data-oloropa-page="serenity-homes.html"] .sh7-service-card p,
body[data-oloropa-page="serenity-homes.html"] .sh7-fit-card-grid p,
body[data-oloropa-page="serenity-homes.php"] .sh7-card-copy p,
body[data-oloropa-page="serenity-homes.php"] .sh7-feature-card p,
body[data-oloropa-page="serenity-homes.php"] .sh7-service-card p,
body[data-oloropa-page="serenity-homes.php"] .sh7-fit-card-grid p,
body[data-serenity-checkpoint] .sh7-card-copy p,
body[data-serenity-checkpoint] .sh7-feature-card p,
body[data-serenity-checkpoint] .sh7-service-card p,
body[data-serenity-checkpoint] .sh7-fit-card-grid p{
  color:rgba(45,31,24,.78)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-card-media,
body[data-oloropa-page="serenity-homes.html"] .sh7-mood-frame,
body[data-oloropa-page="serenity-homes.html"] .sh7-map-card,
body[data-oloropa-page="serenity-homes.html"] .sh7-flow-gallery button,
body[data-oloropa-page="serenity-homes.html"] .sh7-memory-board button,
body[data-oloropa-page="serenity-homes.php"] .sh7-card-media,
body[data-oloropa-page="serenity-homes.php"] .sh7-mood-frame,
body[data-oloropa-page="serenity-homes.php"] .sh7-map-card,
body[data-oloropa-page="serenity-homes.php"] .sh7-flow-gallery button,
body[data-oloropa-page="serenity-homes.php"] .sh7-memory-board button,
body[data-serenity-checkpoint] .sh7-card-media,
body[data-serenity-checkpoint] .sh7-mood-frame,
body[data-serenity-checkpoint] .sh7-map-card,
body[data-serenity-checkpoint] .sh7-flow-gallery button,
body[data-serenity-checkpoint] .sh7-memory-board button{
  border:1px solid var(--sh44-border-tan-blend)!important;
  box-shadow:var(--sh44-shadow-soft)!important;
  overflow:hidden!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-card-media::after,
body[data-oloropa-page="serenity-homes.php"] .sh7-card-media::after,
body[data-serenity-checkpoint] .sh7-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(45,31,24,.05),rgba(45,31,24,.16));
}

body[data-oloropa-page="serenity-homes.html"] .sh7-card-media span,
body[data-oloropa-page="serenity-homes.html"] .sh7-flow-gallery span,
body[data-oloropa-page="serenity-homes.html"] .sh7-memory-board span,
body[data-oloropa-page="serenity-homes.php"] .sh7-card-media span,
body[data-oloropa-page="serenity-homes.php"] .sh7-flow-gallery span,
body[data-oloropa-page="serenity-homes.php"] .sh7-memory-board span,
body[data-serenity-checkpoint] .sh7-card-media span,
body[data-serenity-checkpoint] .sh7-flow-gallery span,
body[data-serenity-checkpoint] .sh7-memory-board span{
  background:var(--sh44-overlay-text-tint)!important;
  color:var(--sh44-text-on-dark)!important;
  border:1px solid rgba(253,251,247,.18)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-filterbar button,
body[data-oloropa-page="serenity-homes.html"] .sh7-toggle-row button,
body[data-oloropa-page="serenity-homes.html"] .sh7-addon-cloud button,
body[data-oloropa-page="serenity-homes.php"] .sh7-filterbar button,
body[data-oloropa-page="serenity-homes.php"] .sh7-toggle-row button,
body[data-oloropa-page="serenity-homes.php"] .sh7-addon-cloud button,
body[data-serenity-checkpoint] .sh7-filterbar button,
body[data-serenity-checkpoint] .sh7-toggle-row button,
body[data-serenity-checkpoint] .sh7-addon-cloud button{
  background:rgba(253,251,247,.72)!important;
  color:var(--sh44-text-on-light)!important;
  border:1px solid var(--sh44-border-light)!important;
  box-shadow:none!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-filterbar .is-active,
body[data-oloropa-page="serenity-homes.html"] .sh7-toggle-row .is-active,
body[data-oloropa-page="serenity-homes.html"] .sh7-addon-cloud button.is-selected,
body[data-oloropa-page="serenity-homes.php"] .sh7-filterbar .is-active,
body[data-oloropa-page="serenity-homes.php"] .sh7-toggle-row .is-active,
body[data-oloropa-page="serenity-homes.php"] .sh7-addon-cloud button.is-selected,
body[data-serenity-checkpoint] .sh7-filterbar .is-active,
body[data-serenity-checkpoint] .sh7-toggle-row .is-active,
body[data-serenity-checkpoint] .sh7-addon-cloud button.is-selected{
  background:var(--sh44-bg-espresso)!important;
  color:var(--sh44-text-on-dark)!important;
  border-color:var(--sh44-bg-espresso)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-actions a,
body[data-oloropa-page="serenity-homes.html"] .sh7-actions button,
body[data-oloropa-page="serenity-homes.html"] .sh7-card-actions a,
body[data-oloropa-page="serenity-homes.html"] .sh7-card-actions button,
body[data-oloropa-page="serenity-homes.html"] .sh7-section a:not(.sh7-card-media):not(.sh7-fit-home),
body[data-oloropa-page="serenity-homes.html"] .sh7-service-card button,
body[data-oloropa-page="serenity-homes.php"] .sh7-actions a,
body[data-oloropa-page="serenity-homes.php"] .sh7-actions button,
body[data-oloropa-page="serenity-homes.php"] .sh7-card-actions a,
body[data-oloropa-page="serenity-homes.php"] .sh7-card-actions button,
body[data-oloropa-page="serenity-homes.php"] .sh7-section a:not(.sh7-card-media):not(.sh7-fit-home),
body[data-oloropa-page="serenity-homes.php"] .sh7-service-card button,
body[data-serenity-checkpoint] .sh7-actions a,
body[data-serenity-checkpoint] .sh7-actions button,
body[data-serenity-checkpoint] .sh7-card-actions a,
body[data-serenity-checkpoint] .sh7-card-actions button,
body[data-serenity-checkpoint] .sh7-section a:not(.sh7-card-media):not(.sh7-fit-home),
body[data-serenity-checkpoint] .sh7-service-card button{
  background:linear-gradient(135deg,var(--sh44-accent-gold),var(--sh44-accent-terracotta))!important;
  color:#1F130D!important;
  border:1px solid rgba(253,251,247,.34)!important;
  box-shadow:0 18px 52px rgba(168,94,53,.24)!important;
  text-decoration:none!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-actions a:nth-child(2),
body[data-oloropa-page="serenity-homes.html"] .sh7-card-actions button,
body[data-oloropa-page="serenity-homes.php"] .sh7-actions a:nth-child(2),
body[data-oloropa-page="serenity-homes.php"] .sh7-card-actions button,
body[data-serenity-checkpoint] .sh7-actions a:nth-child(2),
body[data-serenity-checkpoint] .sh7-card-actions button{
  background:var(--sh44-bg-espresso)!important;
  color:var(--sh44-text-on-dark)!important;
  border-color:rgba(253,251,247,.18)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-fit-table,
body[data-oloropa-page="serenity-homes.php"] .sh7-fit-table,
body[data-serenity-checkpoint] .sh7-fit-table{
  background:rgba(253,251,247,.50)!important;
  border:1px solid rgba(45,31,24,.08)!important;
  border-radius:1.65rem!important;
  box-shadow:var(--sh44-shadow-soft)!important;
  padding:.55rem!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-fit-heading,
body[data-oloropa-page="serenity-homes.php"] .sh7-fit-heading,
body[data-serenity-checkpoint] .sh7-fit-heading{
  color:var(--sh44-text-on-light)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-fit-row > span,
body[data-oloropa-page="serenity-homes.php"] .sh7-fit-row > span,
body[data-serenity-checkpoint] .sh7-fit-row > span{
  color:rgba(45,31,24,.74)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-fit-home,
body[data-oloropa-page="serenity-homes.html"] .sh7-fit-home strong,
body[data-oloropa-page="serenity-homes.php"] .sh7-fit-home,
body[data-oloropa-page="serenity-homes.php"] .sh7-fit-home strong,
body[data-serenity-checkpoint] .sh7-fit-home,
body[data-serenity-checkpoint] .sh7-fit-home strong{
  color:var(--sh44-text-on-light)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-map-card,
body[data-oloropa-page="serenity-homes.php"] .sh7-map-card,
body[data-serenity-checkpoint] .sh7-map-card{
  background:
    radial-gradient(circle at 18% 22%,rgba(253,251,247,.82),transparent 22%),
    radial-gradient(circle at 72% 74%,rgba(201,121,69,.38),transparent 24%),
    linear-gradient(135deg,var(--sh44-bg-espresso),var(--sh44-bg-espresso-3))!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-map-card span,
body[data-oloropa-page="serenity-homes.php"] .sh7-map-card span,
body[data-serenity-checkpoint] .sh7-map-card span{
  background:rgba(253,251,247,.82)!important;
  color:var(--sh44-text-on-light)!important;
  border:1px solid rgba(253,251,247,.44)!important;
  backdrop-filter:blur(12px)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-mood-frame div,
body[data-oloropa-page="serenity-homes.php"] .sh7-mood-frame div,
body[data-serenity-checkpoint] .sh7-mood-frame div{
  background:rgba(45,31,24,.44)!important;
  border:1px solid rgba(253,251,247,.18)!important;
  color:var(--sh44-text-on-dark)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-mood-frame strong,
body[data-oloropa-page="serenity-homes.php"] .sh7-mood-frame strong,
body[data-serenity-checkpoint] .sh7-mood-frame strong{
  color:var(--sh44-text-on-dark)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-assurance-grid article,
body[data-oloropa-page="serenity-homes.php"] .sh7-assurance-grid article,
body[data-serenity-checkpoint] .sh7-assurance-grid article{
  background:rgba(253,251,247,.08)!important;
  color:var(--sh44-text-on-dark)!important;
  border:1px solid var(--sh44-border-dark)!important;
  box-shadow:none!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-assurance-grid article span,
body[data-oloropa-page="serenity-homes.php"] .sh7-assurance-grid article span,
body[data-serenity-checkpoint] .sh7-assurance-grid article span{
  color:var(--sh44-text-on-dark-soft)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-brief-card,
body[data-oloropa-page="serenity-homes.php"] .sh7-brief-card,
body[data-serenity-checkpoint] .sh7-brief-card{
  background:rgba(253,251,247,.12)!important;
  border:1px solid rgba(253,251,247,.18)!important;
  color:var(--sh44-text-on-dark)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  box-shadow:var(--sh44-shadow-deep)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-brief-card select,
body[data-oloropa-page="serenity-homes.php"] .sh7-brief-card select,
body[data-serenity-checkpoint] .sh7-brief-card select{
  background:rgba(253,251,247,.90)!important;
  color:var(--sh44-text-on-light)!important;
  border:1px solid rgba(253,251,247,.38)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-sticky-dock,
body[data-oloropa-page="serenity-homes.php"] .sh7-sticky-dock,
body[data-serenity-checkpoint] .sh7-sticky-dock{
  background:rgba(45,31,24,.76)!important;
  color:var(--sh44-text-on-dark)!important;
  border:1px solid rgba(253,251,247,.18)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
  box-shadow:0 24px 80px rgba(14,8,5,.32)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-sticky-dock strong,
body[data-oloropa-page="serenity-homes.php"] .sh7-sticky-dock strong,
body[data-serenity-checkpoint] .sh7-sticky-dock strong{
  color:var(--sh44-text-on-dark)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-sticky-dock span,
body[data-oloropa-page="serenity-homes.php"] .sh7-sticky-dock span,
body[data-serenity-checkpoint] .sh7-sticky-dock span{
  color:var(--sh44-text-on-dark-soft)!important;
}

body[data-oloropa-page="serenity-homes.html"] .sh7-sticky-dock a,
body[data-oloropa-page="serenity-homes.php"] .sh7-sticky-dock a,
body[data-serenity-checkpoint] .sh7-sticky-dock a{
  background:linear-gradient(135deg,var(--sh44-accent-gold),var(--sh44-accent-terracotta))!important;
  color:#1F130D!important;
}

body[data-oloropa-page="serenity-homes.html"] .p11-footer,
body[data-oloropa-page="serenity-homes.html"] footer,
body[data-oloropa-page="serenity-homes.php"] .p11-footer,
body[data-oloropa-page="serenity-homes.php"] footer,
body[data-serenity-checkpoint] .p11-footer,
body[data-serenity-checkpoint] footer{
  background:linear-gradient(180deg,var(--sh44-bg-espresso),var(--sh44-bg-espresso-2))!important;
  color:var(--sh44-text-on-dark)!important;
}

body[data-oloropa-page="serenity-homes.html"] footer h2,
body[data-oloropa-page="serenity-homes.html"] footer h3,
body[data-oloropa-page="serenity-homes.html"] footer h4,
body[data-oloropa-page="serenity-homes.html"] footer a,
body[data-oloropa-page="serenity-homes.html"] footer p,
body[data-oloropa-page="serenity-homes.html"] footer li,
body[data-oloropa-page="serenity-homes.php"] footer h2,
body[data-oloropa-page="serenity-homes.php"] footer h3,
body[data-oloropa-page="serenity-homes.php"] footer h4,
body[data-oloropa-page="serenity-homes.php"] footer a,
body[data-oloropa-page="serenity-homes.php"] footer p,
body[data-oloropa-page="serenity-homes.php"] footer li,
body[data-serenity-checkpoint] footer h2,
body[data-serenity-checkpoint] footer h3,
body[data-serenity-checkpoint] footer h4,
body[data-serenity-checkpoint] footer a,
body[data-serenity-checkpoint] footer p,
body[data-serenity-checkpoint] footer li{
  color:var(--sh44-text-on-dark)!important;
}

body[data-oloropa-page="serenity-homes.html"] .undefined,
body[data-oloropa-page="serenity-homes.php"] .undefined,
body[data-serenity-checkpoint] .undefined{
  display:none!important;
}

@media(max-width:980px){
  body[data-oloropa-page="serenity-homes.html"] .sh7-section-head,
  body[data-oloropa-page="serenity-homes.php"] .sh7-section-head,
  body[data-serenity-checkpoint] .sh7-section-head{
    gap:1rem!important;
  }
  body[data-oloropa-page="serenity-homes.html"] .sh7-section h2,
  body[data-oloropa-page="serenity-homes.php"] .sh7-section h2,
  body[data-serenity-checkpoint] .sh7-section h2{
    font-size:clamp(2.45rem,10vw,4.8rem)!important;
    line-height:.92!important;
  }
}

@media(max-width:620px){
  body[data-oloropa-page="serenity-homes.html"] .sh7-hero,
  body[data-oloropa-page="serenity-homes.php"] .sh7-hero,
  body[data-serenity-checkpoint] .sh7-hero{
    padding:7.5rem 1rem 3rem!important;
  }
  body[data-oloropa-page="serenity-homes.html"] .sh7-hero h1,
  body[data-oloropa-page="serenity-homes.php"] .sh7-hero h1,
  body[data-serenity-checkpoint] .sh7-hero h1{
    font-size:clamp(3.1rem,18vw,4.75rem)!important;
  }
  body[data-oloropa-page="serenity-homes.html"] .sh7-section,
  body[data-oloropa-page="serenity-homes.php"] .sh7-section,
  body[data-serenity-checkpoint] .sh7-section{
    padding:4.75rem 1rem!important;
  }
  body[data-oloropa-page="serenity-homes.html"] .sh7-card-actions,
  body[data-oloropa-page="serenity-homes.php"] .sh7-card-actions,
  body[data-serenity-checkpoint] .sh7-card-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}
