/*
Theme Name: Sudz Divi
Description: Approved Sudz Manus design rebuilt as Divi sections, with local artwork and responsive styles.
Author: BosonHub
Template: Divi
Version: 1.0.4
*/
/**
 * Sudz Standard design: preserve the current aqua/black/yellow palette and compact
 * display-font energy, rendered as a modern service-editorial system.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&family=Montserrat:wght@800&family=Poppins:wght@400;500;600;700&family=Staatliches&display=swap');

body.sudz-site {font-size:16px;line-height:1.5;}
body.sudz-site #page-container{padding-top:0!important;}
body.sudz-site #main-header,body.sudz-site #main-footer{display:none;}
body.sudz-site .et_pb_section,body.sudz-site .et_pb_row,body.sudz-site .et_pb_column,body.sudz-site .et_pb_code{padding:0!important;margin:0!important;}
body.sudz-site .et_pb_row{width:100%!important;max-width:none!important;}
body.sudz-site .et_pb_column{width:100%!important;}
body.sudz-site .et_pb_section{background:transparent;}
body.sudz-site .sudz-page{color:#111415;font-family:Poppins,sans-serif;line-height:1.5;}
.sudz-page :where(h1,h2,h3,p,blockquote,figure,ul){margin:0;padding:0;font-size:inherit;font-weight:inherit;color:inherit;}

body.sudz-site .sudz-page svg{flex-shrink:0;display:inline-block;vertical-align:middle;}
body.sudz-site .sudz-page img{max-width:100%;height:auto;}
:root {
  --sudz-aqua: #39adba;
  --sudz-aqua-deep: #138c9c;
  --sudz-aqua-pale: #e8f7f8;
  --sudz-ink: #111415;
  --sudz-yellow: #f2d236;
  --sudz-paper: #fbfbf6;
  --sudz-line: #d4e6e6;
  --background: #fbfbf6;
  --foreground: #111415;
  --card: #ffffff;
  --card-foreground: #111415;
  --popover: #ffffff;
  --popover-foreground: #111415;
  --primary: #138c9c;
  --primary-foreground: #ffffff;
  --secondary: #e8f7f8;
  --secondary-foreground: #111415;
  --muted: #f1f5f3;
  --muted-foreground: #5f6d6b;
  --accent: #f2d236;
  --accent-foreground: #111415;
  --border: #d4e6e6;
  --input: #d4e6e6;
  --ring: #138c9c;
  --radius: 0.6rem;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--sudz-ink);
  background: var(--sudz-paper);
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, a { font: inherit; }
button:not(:disabled), a[href] { cursor: pointer; }
a { color: inherit; text-decoration: none; }

.site-shell { width: min(100% - 40px, 1220px); margin: 0 auto; }
.sudz-page { overflow-x: clip; }
main [id], main#top { scroll-margin-top: 100px; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--sudz-aqua-deep); outline-offset: 4px; }
.eyebrow {
  margin: 0 0 12px;
  color: var(--sudz-aqua-deep);
  font-family: "Montserrat", sans-serif;
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.2;
  text-transform: uppercase;
}

.top-ribbon { color: #fff; background: var(--sudz-aqua-deep); }
.ribbon-inner { display: flex; min-height: 34px; align-items: center; justify-content: space-between; gap: 20px; font-family: "Montserrat", sans-serif; font-size: 0.62rem; letter-spacing: 0.12em; }
.ribbon-inner p { margin: 0; text-transform: uppercase; }
.ribbon-inner a { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; }
.ribbon-inner a:hover { color: var(--sudz-yellow); }

.site-header { position: sticky; z-index: 30; top: 0; border-bottom: 1px solid rgba(17, 20, 21, 0.08); background: rgba(251, 251, 246, 0.97); backdrop-filter: blur(12px); }
.header-inner { display: flex; min-height: 86px; align-items: center; justify-content: space-between; gap: 24px; }
.brand-lockup { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.logo-tile { display: grid; width: 57px; height: 57px; padding: 3px; place-items: center; flex: 0 0 auto; border: 1px solid rgba(17,20,21,0.1); background: #fff; box-shadow: 4px 4px 0 var(--sudz-yellow); }
.logo-tile img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-copy { display: grid; font-family: "Staatliches", sans-serif; font-size: 1.15rem; letter-spacing: 0.02em; line-height: 0.8; text-transform: uppercase; }
.brand-copy span { color: var(--sudz-aqua-deep); }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2.5vw, 32px); margin-left: auto; }
.desktop-nav a { position: relative; padding: 8px 0; font-size: 0.8rem; font-weight: 600; }
.desktop-nav a::after { position: absolute; right: 0; bottom: 3px; left: 0; height: 2px; background: var(--sudz-yellow); content: ""; transform: scaleX(0); transform-origin: left; transition: transform 180ms var(--ease-out); }
.desktop-nav a:hover::after { transform: scaleX(1); }
.header-call { display: inline-flex; align-items: center; gap: 7px; border-bottom: 2px solid var(--sudz-ink); padding: 6px 0 4px; font-family: "Montserrat", sans-serif; font-size: 0.66rem; letter-spacing: 0.08em; }
.header-call:hover { border-color: var(--sudz-aqua-deep); color: var(--sudz-aqua-deep); }
.mobile-menu-button, .mobile-nav { display: none; }

.hero-section { position: relative; isolation: isolate; min-height: 650px; color: var(--sudz-ink); background: var(--sudz-aqua); }
.hero-section::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(57,173,186,.88) 0%, rgba(57,173,186,.74) 45%, rgba(57,173,186,.96) 100%); content: ""; }
.hero-bubble-field { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .78; mix-blend-mode: luminosity; }
.hero-grid { display: grid; min-height: 650px; grid-template-columns: minmax(0, 1.12fr) minmax(330px, .88fr); align-items: center; gap: 32px; }
.hero-copy { position: relative; z-index: 2; padding: 104px 0 94px; }
.hero-eyebrow { color: #073f46; }
.hero-copy h1, .section-heading h2, .about-copy h2, .testimonial-intro h2, .contact-copy h2, .referral-content h2 { font-family: "Staatliches", sans-serif; font-weight: 400; letter-spacing: .01em; }
.hero-copy h1 { max-width: 660px; margin: 0; font-size: clamp(3.7rem, 7.6vw, 7rem); line-height: .84; text-transform: uppercase; }
.hero-copy h1 span { display: block; color: #fff; text-shadow: 3px 3px 0 rgba(17, 20, 21, .93); }
.hero-lede { max-width: 560px; margin: 30px 0 0; font-size: clamp(.98rem, 1.5vw, 1.13rem); font-weight: 500; line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 30px; }
.button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 9px; padding: 14px 17px; font-family: "Montserrat", sans-serif; font-size: .66rem; letter-spacing: .1em; line-height: 1; text-transform: uppercase; transition: transform 160ms var(--ease-out), background-color 160ms var(--ease-out), color 160ms var(--ease-out), box-shadow 160ms var(--ease-out); }
.button:active { transform: scale(.97); }
.button-yellow { color: var(--sudz-ink); background: var(--sudz-yellow); box-shadow: 5px 5px 0 var(--sudz-ink); }
.button-yellow:hover { background: #ffe762; box-shadow: 7px 7px 0 var(--sudz-ink); transform: translate(-2px, -2px); }
.button-outline-dark { border: 2px solid var(--sudz-ink); background: rgba(255,255,255,.16); }
.button-outline-dark:hover { color: #fff; background: var(--sudz-ink); }
.button-black { color: #fff; background: var(--sudz-ink); }
.button-black:hover { color: var(--sudz-ink); background: var(--sudz-yellow); }
.hero-proof { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 34px; font-size: .74rem; font-weight: 600; }
.hero-proof span { display: inline-flex; align-items: center; gap: 6px; }
.hero-proof svg { color: #073f46; }
.hero-brand-stage { position: relative; display: grid; justify-items: center; align-content: center; gap: 20px; min-width: 0; padding: 40px 0; }
.hero-logo-plate { position: relative; z-index: 1; width: min(100%, 420px); aspect-ratio: 1; padding: 12px; }
.hero-logo-plate img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-stage-stamp { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; color: #fff; font-family: "Montserrat", sans-serif; font-size: .62rem; letter-spacing: .15em; transform: rotate(-4deg); }
.brand-stage-stamp i { display: block; width: 34px; height: 2px; background: var(--sudz-yellow); }
.bubble { position: absolute; z-index: 0; pointer-events: none; border: 2px solid rgba(255,255,255,.75); border-radius: 50%; background: rgba(255,255,255,.12); box-shadow: inset 8px 8px 12px rgba(255,255,255,.22); }
.bubble-one { top: 52px; left: 10%; width: 67px; height: 67px; }
.bubble-two { right: 5%; bottom: 120px; width: 40px; height: 40px; }
.bubble-three { bottom: 38px; left: 15%; width: 24px; height: 24px; }

.service-intro { position: relative; padding: 114px 0 96px; background: var(--sudz-paper); }
.section-heading { max-width: 710px; }
.section-heading h2, .about-copy h2, .testimonial-intro h2, .contact-copy h2 { margin: 0; font-size: clamp(2.8rem, 5vw, 4.7rem); line-height: .88; text-transform: uppercase; }
.section-heading > p:last-child { max-width: 585px; margin: 21px 0 0; color: #50615f; font-size: .98rem; line-height: 1.75; }
.service-heading { margin-left: clamp(0px, 8vw, 100px); }
.service-list { margin-top: 56px; border-top: 1px solid var(--sudz-ink); }
.service-row { display: grid; grid-template-columns: 74px minmax(230px, 1.05fr) minmax(290px,.95fr); gap: 28px; align-items: start; border-bottom: 1px solid var(--sudz-ink); padding: 29px 12px 29px 0; transition: background-color 180ms var(--ease-out), padding 180ms var(--ease-out); }
.service-row:hover { padding-left: 16px; background: var(--sudz-aqua-pale); }
.service-number { color: var(--sudz-aqua-deep); font-family: "Montserrat", sans-serif; font-size: .7rem; font-weight: 800; letter-spacing: .08em; }
.service-main h3 { margin: 0; font-family: "Staatliches", sans-serif; font-size: clamp(2rem, 3vw, 3rem); font-weight: 400; line-height: .92; letter-spacing: .01em; text-transform: uppercase; }
.service-main p { max-width: 430px; margin: 12px 0 0; color: #53615e; font-size: .88rem; line-height: 1.65; }
.service-row ul { display: grid; gap: 9px; margin: 0; padding: 4px 0 0; list-style: none; }
.service-row li { display: flex; align-items: center; gap: 6px; font-size: .77rem; font-weight: 600; }
.service-row li svg { color: var(--sudz-aqua-deep); }

.about-band { position: relative; isolation: isolate; padding: 94px 0; overflow: hidden; color: #fff; background: var(--sudz-ink); }
.about-texture { position: absolute; z-index: -1; top: 0; right: 0; width: 62%; height: 100%; object-fit: cover; opacity: .26; mix-blend-mode: screen; }
.about-grid { display: grid; grid-template-columns: minmax(200px,.62fr) minmax(0,1.2fr); gap: clamp(40px, 9vw, 136px); align-items: center; }
.about-stamp { display: grid; width: 230px; transform: rotate(-5deg); color: var(--sudz-ink); background: #fff; box-shadow: 9px 9px 0 var(--sudz-aqua); }
.about-stamp span, .about-stamp strong { padding: 13px 17px; font-family: "Montserrat", sans-serif; font-size: .63rem; letter-spacing: .12em; text-transform: uppercase; }
.about-stamp strong { border-top: 2px solid var(--sudz-ink); font-family: "Staatliches", sans-serif; font-size: 2.1rem; letter-spacing: .02em; line-height: .8; }
.about-copy { max-width: 650px; }
.about-copy .eyebrow { color: var(--sudz-yellow); }
.ownership-line { margin: 0 0 10px; color: var(--sudz-yellow); font-family: "Montserrat", sans-serif; font-size: .63rem; font-weight: 800; letter-spacing: .1em; line-height: 1.5; text-transform: uppercase; }
.about-copy h2 { color: #fff; }
.about-copy > p:not(.eyebrow) { margin: 22px 0 0; color: #d8e5e4; line-height: 1.75; }
.about-contact-line { display: flex; align-items: center; gap: 9px; margin-top: 28px; color: var(--sudz-yellow); font-family: "Montserrat", sans-serif; font-size: .67rem; letter-spacing: .08em; line-height: 1.5; text-transform: uppercase; }

.standards-section { padding: 108px 0; background: #fff; }
.standards-heading { margin-left: auto; }
.standards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 58px; border-top: 2px solid var(--sudz-ink); }
.standard-card { position: relative; min-height: 290px; padding: 28px 28px 24px; border-right: 1px solid var(--sudz-ink); border-bottom: 2px solid var(--sudz-ink); background: #fff; transition: background-color 180ms var(--ease-out), transform 180ms var(--ease-out); }
.standard-card:first-child { border-left: 1px solid var(--sudz-ink); }
.standard-card:hover { z-index: 1; background: var(--sudz-aqua-pale); transform: translateY(-8px); }
.standard-index { position: absolute; top: 24px; right: 25px; color: var(--sudz-aqua-deep); font-family: "Montserrat", sans-serif; font-size: .65rem; letter-spacing: .08em; }
.standard-card > svg { color: var(--sudz-aqua-deep); }
.standard-card h3 { max-width: 230px; margin: 66px 0 8px; font-family: "Staatliches", sans-serif; font-size: 2rem; font-weight: 400; line-height: .9; text-transform: uppercase; }
.standard-card p { max-width: 270px; margin: 0; color: #5d6b69; font-size: .83rem; line-height: 1.65; }

.testimonial-section { position: relative; padding: 108px 0; overflow: hidden; background: var(--sudz-aqua-pale); }
.testimonial-section::before { position: absolute; top: 0; bottom: 0; left: max(calc((100% - 1220px) / 2), 20px); width: 2px; background: var(--sudz-ink); content: ""; opacity: .78; }
.testimonial-layout { display: grid; grid-template-columns: minmax(260px,.74fr) minmax(360px,1fr); gap: clamp(48px, 10vw, 150px); align-items: start; }
.testimonial-intro { position: relative; padding-left: 28px; }
.testimonial-intro::before { position: absolute; top: 37px; left: 0; width: 10px; height: 58px; background: var(--sudz-aqua-deep); content: ""; }
.testimonial-intro h2 { max-width: 425px; font-size: clamp(2.65rem, 4.5vw, 4.25rem); }
.inline-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 25px; border-bottom: 2px solid var(--sudz-ink); padding-bottom: 4px; font-family: "Montserrat", sans-serif; font-size: .66rem; letter-spacing: .09em; text-transform: uppercase; }
.inline-link:hover { color: var(--sudz-aqua-deep); border-color: var(--sudz-aqua-deep); }
.testimonial-stack { display: grid; gap: 18px; }
.testimonial-card { position: relative; margin: 0; padding: 32px; border: 2px solid var(--sudz-ink); background: #fff; box-shadow: 8px 8px 0 var(--sudz-aqua-deep); }
.testimonial-card::before { position: absolute; top: -2px; left: 28px; width: 68px; height: 5px; background: var(--sudz-yellow); content: ""; }
.testimonial-card-secondary { width: calc(100% - 40px); margin-left: 40px; color: #fff; background: var(--sudz-ink); box-shadow: 8px 8px 0 var(--sudz-aqua-deep); }
.testimonial-card blockquote { margin: 0; font-size: clamp(1rem, 1.7vw, 1.18rem); font-weight: 500; line-height: 1.68; }
.testimonial-card figcaption { margin-top: 22px; font-family: "Montserrat", sans-serif; font-size: .66rem; letter-spacing: .11em; text-transform: uppercase; }
.testimonial-card figcaption::before { display: inline-block; width: 22px; height: 2px; margin: 0 8px 3px 0; background: var(--sudz-aqua-deep); content: ""; }
.testimonial-card-secondary figcaption::before { background: var(--sudz-yellow); }

.referral-strip { padding: 0; color: var(--sudz-ink); background: var(--sudz-yellow); }
.referral-content { display: grid; min-height: 165px; grid-template-columns: auto 1fr auto; gap: 28px; align-items: center; }
.referral-icon { display: grid; width: 54px; height: 54px; place-items: center; border: 2px solid var(--sudz-ink); border-radius: 50%; }
.referral-content .eyebrow { margin-bottom: 5px; color: var(--sudz-ink); }
.referral-content h2 { margin: 0; font-size: clamp(1.9rem, 3.6vw, 3.15rem); line-height: .9; text-transform: uppercase; }

.contact-section { position: relative; isolation: isolate; padding: 108px 0; overflow: hidden; background: var(--sudz-aqua); }
.contact-bubble-field { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .5; mix-blend-mode: multiply; }
.contact-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(315px,.72fr); gap: clamp(44px, 9vw, 130px); align-items: center; }
.contact-eyebrow { color: #073f46; }
.contact-copy h2 { max-width: 620px; font-size: clamp(3rem, 5.4vw, 5.2rem); }
.contact-copy > p:not(.eyebrow) { max-width: 575px; margin: 22px 0 0; font-size: 1rem; font-weight: 500; line-height: 1.7; }
.contact-card { position: relative; padding: 29px; border: 2px solid var(--sudz-ink); background: #fff; box-shadow: 10px 10px 0 var(--sudz-ink); }
.contact-method { display: flex; align-items: center; gap: 13px; padding: 12px 0; }
.contact-method + .contact-method { border-top: 1px solid #d9e6e5; }
.contact-method > span { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; color: var(--sudz-ink); background: var(--sudz-aqua-pale); }
.mail-mark { font-family: "Montserrat", sans-serif; font-size: 1.2rem; }
.contact-method div { display: grid; min-width: 0; gap: 3px; }
.contact-method small { color: #61706d; font-family: "Montserrat", sans-serif; font-size: .58rem; letter-spacing: .11em; text-transform: uppercase; }
.contact-method strong { overflow-wrap: anywhere; font-size: .91rem; }
.contact-method:hover strong { color: var(--sudz-aqua-deep); }
.contact-location { margin-top: 18px; border-top: 2px solid var(--sudz-ink); padding-top: 16px; font-family: "Montserrat", sans-serif; font-size: .61rem; letter-spacing: .08em; line-height: 1.6; text-transform: uppercase; }

.site-footer { color: #d8e5e4; background: var(--sudz-ink); }
.footer-grid { display: grid; grid-template-columns: 1.2fr auto auto; gap: 40px; align-items: center; padding: 56px 0 42px; }
.footer-brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; font-family: "Staatliches", sans-serif; font-size: 1.4rem; letter-spacing: .03em; text-transform: uppercase; }
.footer-brand img { width: 55px; height: 55px; flex: 0 0 auto; padding: 3px; object-fit: contain; background: #fff; }
.footer-grid p { max-width: 340px; margin: 15px 0 0; color: #a7b6b4; font-size: .79rem; line-height: 1.65; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 17px; font-family: "Montserrat", sans-serif; font-size: .58rem; letter-spacing: .11em; text-transform: uppercase; }
.footer-links a:hover, .footer-call:hover { color: var(--sudz-yellow); }
.footer-call { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; color: #fff; font-family: "Montserrat", sans-serif; font-size: .68rem; letter-spacing: .08em; }
.family-directory { display: grid; grid-template-columns: minmax(220px, .48fr) minmax(0, 1.52fr); gap: 34px; border-top: 1px solid #344342; padding: 32px 0 36px; }
.family-directory-heading .eyebrow { margin-bottom: 7px; color: var(--sudz-yellow); }
.family-directory-heading h2 { margin: 0; color: #fff; font-family: "Staatliches", sans-serif; font-size: 1.85rem; font-weight: 400; letter-spacing: .02em; line-height: .9; text-transform: uppercase; }
.family-directory-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid #344342; border-bottom: 1px solid #344342; }
.family-directory-links a { display: grid; align-content: start; gap: 8px; min-height: 98px; padding: 15px 17px; border-right: 1px solid #344342; transition: background-color 180ms var(--ease-out), color 180ms var(--ease-out); }
.family-directory-links a:first-child { border-left: 1px solid #344342; }
.family-directory-links a:hover { color: var(--sudz-ink); background: var(--sudz-aqua); }
.family-directory-links strong { color: #fff; font-family: "Montserrat", sans-serif; font-size: .64rem; letter-spacing: .07em; line-height: 1.4; text-transform: uppercase; }
.family-directory-links a:hover strong { color: var(--sudz-ink); }
.family-directory-links span { color: #9badab; font-size: .68rem; line-height: 1.55; }
.family-directory-links a:hover span { color: #22484c; }
.footer-bottom { display: flex; justify-content: space-between; gap: 18px; border-top: 1px solid #344342; padding: 18px 0; color: #81918e; font-size: .65rem; }
.footer-credit { color: #a6b6b3; }
.footer-credit a { color: var(--sudz-yellow); font-family: "Montserrat", sans-serif; font-size: .59rem; font-weight: 800; letter-spacing: .06em; }
.footer-credit a:hover { color: #fff; }
.mobile-call-bar { display: none; }

@media (max-width: 900px) {
  .desktop-nav, .header-call { display: none; }
  .mobile-menu-button { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid var(--sudz-ink); color: var(--sudz-ink); background: transparent; }
  .mobile-menu-button:active { transform: scale(.96); }
  .mobile-nav { display: grid; border-top: 1px solid rgba(17,20,21,.1); padding: 10px 20px 20px; background: var(--sudz-paper); box-shadow: 0 14px 24px rgba(17,20,21,.08); }
  .mobile-nav > a:not(.mobile-call-link) { padding: 12px 0; border-bottom: 1px solid #deebea; font-size: .88rem; font-weight: 600; }
  .mobile-call-link { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 15px; padding: 14px; color: #fff; background: var(--sudz-ink); font-family: "Montserrat", sans-serif; font-size: .67rem; letter-spacing: .08em; text-transform: uppercase; }
  .hero-section, .hero-grid { min-height: auto; }
  .hero-grid { grid-template-columns: 1fr; gap: 0; }
  .hero-copy { padding: 84px 0 30px; }
  .hero-brand-stage { gap: 16px; padding: 12px 0 44px; }
  .hero-logo-plate { width: min(75%, 340px); }
  .bubble-one { top: 15px; left: 18%; }
  .service-row { grid-template-columns: 50px 1fr; gap: 18px; }
  .service-row ul { grid-column: 2; }
  .about-grid, .testimonial-layout, .contact-grid { grid-template-columns: 1fr; }
  .about-stamp { width: 210px; }
  .standards-grid { grid-template-columns: 1fr; border-top: 2px solid var(--sudz-ink); }
  .standard-card, .standard-card:first-child { min-height: 220px; border-left: 1px solid var(--sudz-ink); }
  .standard-card h3 { margin-top: 42px; }
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .footer-links { justify-content: flex-start; }
  .footer-call { justify-content: flex-start; }
  .family-directory { grid-template-columns: 1fr; gap: 22px; }
  .footer-bottom { flex-wrap: wrap; }
}

@media (max-width: 600px) {
  body { padding-bottom: calc(60px + env(safe-area-inset-bottom)); }
  .site-shell { width: min(100% - 32px, 1220px); }
  .top-ribbon { display: none; }
  .header-inner { min-height: 75px; }
  .logo-tile { width: 49px; height: 49px; }
  .brand-copy { font-size: 1rem; }
  .hero-copy { padding-top: 66px; }
  .hero-copy h1 { font-size: clamp(3.3rem, 17vw, 4.8rem); }
  .hero-lede { font-size: .92rem; }
  .hero-actions { display: grid; }
  .button { width: 100%; }
  .hero-proof { display: grid; gap: 10px; font-size: .69rem; }
  .hero-logo-plate { width: min(85%, 290px); }
  .brand-stage-stamp { font-size: .58rem; }
  .bubble-one { width: 45px; height: 45px; }
  .service-intro, .standards-section, .testimonial-section, .contact-section { padding: 76px 0; }
  .service-heading { margin-left: 0; }
  .section-heading h2, .about-copy h2, .testimonial-intro h2, .contact-copy h2 { font-size: clamp(2.65rem, 14vw, 4rem); }
  .service-list { margin-top: 38px; }
  .service-row { grid-template-columns: 37px 1fr; gap: 12px; padding: 23px 0; }
  .service-row:hover { padding-left: 0; background: transparent; }
  .service-main h3 { font-size: 2.15rem; }
  .service-main p { font-size: .8rem; }
  .service-row ul { gap: 7px; }
  .service-row li { font-size: .71rem; }
  .about-band { padding: 75px 0; }
  .about-grid { gap: 38px; }
  .about-stamp { transform: rotate(-3deg); }
  .about-contact-line { align-items: flex-start; font-size: .59rem; }
  .standards-grid { margin-top: 36px; }
  .standard-card { padding: 23px; }
  .testimonial-layout { gap: 45px; }
  .testimonial-card { padding: 23px; }
  .testimonial-card-secondary { width: calc(100% - 20px); margin-left: 20px; }
  .referral-content { min-height: 0; grid-template-columns: auto 1fr; gap: 16px; padding: 35px 0; }
  .referral-content .button { grid-column: 1 / -1; }
  .referral-icon { width: 45px; height: 45px; }
  .referral-content h2 { font-size: 2rem; }
  .contact-card { padding: 21px; box-shadow: 7px 7px 0 var(--sudz-ink); }
  .footer-grid { padding: 46px 0 30px; }
  .family-directory { padding: 27px 0 31px; }
  .family-directory-links { grid-template-columns: 1fr; }
  .family-directory-links a, .family-directory-links a:first-child { min-height: auto; border-right: 1px solid #344342; border-left: 1px solid #344342; }
  .family-directory-links a + a { border-top: 1px solid #344342; }
  .footer-bottom { display: grid; padding-bottom: 10px; }
  .mobile-call-bar { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: flex; min-height: calc(60px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); align-items: center; justify-content: center; gap: 8px; color: #fff; background: var(--sudz-ink); box-shadow: 0 -5px 18px rgba(17,20,21,.18); font-family: "Montserrat", sans-serif; font-size: .68rem; letter-spacing: .09em; text-transform: uppercase; }
}

@media (prefers-reduced-motion: no-preference) {
  .hero-copy, .hero-brand-stage, .service-row, .standard-card, .testimonial-card { animation: rise-in 460ms var(--ease-out) both; }
  .hero-brand-stage { animation-delay: 75ms; }
  .testimonial-card-secondary { animation-delay: 100ms; }
  .bubble-one { animation: bubble-drift 6s var(--ease-in-out) infinite alternate; }
  .bubble-two { animation: bubble-drift 7s var(--ease-in-out) .8s infinite alternate-reverse; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

@keyframes rise-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes bubble-drift { from { transform: translateY(0); } to { transform: translateY(-12px); } }

.contact-copy h1{margin:0;font-family:Staatliches,sans-serif;font-weight:400;font-size:clamp(2.8rem,5vw,4.7rem);line-height:.88;text-transform:uppercase;letter-spacing:.01em;}
.sudz-page .mobile-nav[hidden]{display:none!important;}
.sudz-page .skip-link{position:absolute;left:16px;top:-100px;background:#fff;color:#111415;padding:12px;z-index:200;}
.sudz-page .skip-link:focus{top:8px;}
body.sudz-site .sudz-page .hero-bubble-field,body.sudz-site .sudz-page .about-texture,body.sudz-site .sudz-page .contact-bubble-field{height:100%;}
body.sudz-site .sudz-page .logo-tile img,body.sudz-site .sudz-page .hero-logo-plate img{height:100%;}
body.sudz-site .et_pb_section:first-child{position:sticky;top:0;z-index:90;}
body.admin-bar.sudz-site .et_pb_section:first-child{top:32px;}
@media(max-width:782px){body.admin-bar.sudz-site .et_pb_section:first-child{top:46px;}}
@media(max-width:600px){body.admin-bar.sudz-site .et_pb_section:first-child{top:0;}}

.estimate-form-section{padding:80px 0;background:#fff;}
.estimate-form-section .site-shell{max-width:900px;}
.estimate-form-section h2{font-family:Staatliches,sans-serif;font-size:clamp(2.5rem,5vw,4rem);line-height:1.05;margin:12px 0 18px;}
.estimate-form-section .forminator-ui{margin-top:32px!important;}
.estimate-form-section .forminator-button-submit{background:#0c383b!important;color:#fff!important;border-radius:999px!important;padding:14px 28px!important;}

/* Residential service page and shared footer: responsive review, 2026-11-06. */
.sudz-page .footer-grid > div:first-child { display:flex; flex-direction:column; align-items:flex-start; gap:12px; font-size:.83rem; line-height:1.75; }
.page-id-900022 .service-main { font-size:.9rem; line-height:1.75; color:#53615e; }
.page-id-900022 .service-main h3 { margin-bottom:12px; color:var(--sudz-ink); }
.page-id-900022 .estimate-form-section a.inline-link { display:inline; margin:0; padding:0; border:0; font:inherit; letter-spacing:normal; text-transform:none; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:900px) { .page-id-900022 .service-row > .service-main:last-child { grid-column:2; } }

.home .sudz-page .service-main > a.inline-link { display:flex; width:fit-content; margin-top:18px; }

/* Accessible content landmarks and service-page navigation, 2026-11-07. */
#sudz-main-content{display:block;scroll-margin-top:140px;}
.sudz-site .service-row > .service-main:last-child{font-size:.9rem;line-height:1.75;color:#53615e;}
.sudz-site .service-row > .service-main:last-child h3{color:var(--sudz-ink);}
.sudz-service-faq{padding:88px 0;background:var(--sudz-aqua-pale);}
.sudz-service-faq .site-shell{max-width:980px;}
.sudz-service-faq .section-heading{margin-bottom:35px;}
.sudz-service-faq details{border-top:1px solid var(--sudz-ink);padding:22px 0;}
.sudz-service-faq details:last-child{border-bottom:1px solid var(--sudz-ink);}
.sudz-service-faq summary{cursor:pointer;font-weight:600;font-size:1rem;line-height:1.5;}
.sudz-service-faq details p{max-width:800px;margin:15px 0 0;line-height:1.8;color:#40524f;}
.sudz-service-faq details a{text-decoration:underline;text-underline-offset:3px;}
.sudz-page .mobile-action-bar{display:none;}
.sudz-page .mobile-action-bar a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:60px;padding:12px 8px;flex:1;font-family:Montserrat,sans-serif;font-size:.68rem;letter-spacing:.06em;line-height:1.3;text-align:center;text-transform:uppercase;}
.sudz-page .mobile-action-bar a:last-child{background:var(--sudz-yellow);color:var(--sudz-ink);}
@media(max-width:900px){.sudz-site .service-row>.service-main:last-child{grid-column:2;}}
@media(max-width:560px){.sudz-service-faq{padding:66px 0;}.sudz-page .mobile-action-bar{display:flex;position:fixed;z-index:100;left:0;right:0;bottom:0;min-height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);color:#fff;background:var(--sudz-ink);box-shadow:0 -5px 18px rgba(17,20,21,.18);}}