:root {
  --mmp-az-porcelain: #f7f7f2;
  --mmp-az-beige: #e4e6c3;
  --mmp-az-palm: #899878;
  --mmp-az-carbon: #222725;
  --mmp-az-onyx: #121113;

  --mmp-az-fs-xs: 0.8125rem;
  --mmp-az-fs-sm: 0.9375rem;
  --mmp-az-fs-body: 1.0625rem;
  --mmp-az-fs-lead: 1.25rem;
  --mmp-az-fs-h3: 1.5rem;
  --mmp-az-fs-h2: clamp(1.875rem, 2.6vw, 2.5rem);
  --mmp-az-fs-h1: clamp(2.375rem, 4.6vw, 3.75rem);
  --mmp-az-lh-tight: 1.12;
  --mmp-az-lh-heading: 1.22;
  --mmp-az-lh-body: 1.6;
  --mmp-az-fw-regular: 400;
  --mmp-az-fw-semibold: 600;
  --mmp-az-fw-bold: 700;

  --mmp-az-space-2: 1rem;
  --mmp-az-space-3: 1.5rem;
  --mmp-az-space-section: clamp(4rem, 7vw, 6.5rem);
  --mmp-az-section-x: 16px;

  --mmp-az-radius-sm: 8px;
  --mmp-az-radius-card: 18px;
  --mmp-az-radius-lg: 28px;

  --mmp-az-focus: var(--mmp-az-carbon);
  --mmp-az-focus-on-dark: var(--mmp-az-porcelain);
  --mmp-az-focus-width: 3px;
  --mmp-az-focus-offset: 3px;

  --mmp-ssk-color-bg: var(--mmp-az-porcelain);
  --mmp-ssk-color-surface: var(--mmp-az-beige);
  --mmp-ssk-color-ink: var(--mmp-az-carbon);
  --mmp-ssk-color-muted: var(--mmp-az-carbon);
  --mmp-ssk-color-primary: var(--mmp-az-carbon);
  --mmp-ssk-color-primary-ink: var(--mmp-az-porcelain);
  --mmp-ssk-color-accent: var(--mmp-az-palm);
  --mmp-ssk-color-accent-ink: var(--mmp-az-onyx);
  --mmp-ssk-color-border: var(--mmp-az-beige);
  --mmp-ssk-color-hero-bg: var(--mmp-az-onyx);
  --mmp-ssk-color-hero-ink: var(--mmp-az-porcelain);
  --mmp-ssk-fs-xs: var(--mmp-az-fs-xs);
  --mmp-ssk-fs-sm: var(--mmp-az-fs-sm);
  --mmp-ssk-fs-md: var(--mmp-az-fs-body);
  --mmp-ssk-fs-lg: var(--mmp-az-fs-lead);
  --mmp-ssk-fs-xl: var(--mmp-az-fs-h3);
  --mmp-ssk-fs-2xl: var(--mmp-az-fs-h2);
  --mmp-ssk-fs-3xl: var(--mmp-az-fs-h1);
  --mmp-ssk-fw-regular: var(--mmp-az-fw-regular);
  --mmp-ssk-fw-semibold: var(--mmp-az-fw-semibold);
  --mmp-ssk-fw-bold: var(--mmp-az-fw-bold);
  --mmp-ssk-section-y: var(--mmp-az-space-section);
  --mmp-ssk-radius-sm: var(--mmp-az-radius-sm);
  --mmp-ssk-radius-md: var(--mmp-az-radius-card);
  --mmp-ssk-radius-lg: var(--mmp-az-radius-lg);
}

body.mmp-client-az-groveland-sod {
  background: var(--mmp-az-porcelain);
  color: var(--mmp-az-carbon);
  font-size: var(--mmp-az-fs-body);
  line-height: var(--mmp-az-lh-body);
}

body.mmp-client-az-groveland-sod .mmp-story-eyebrow {
  display: none !important;
}

body.mmp-client-az-groveland-sod .mmp-ssk-btn--primary,
body.mmp-client-az-groveland-sod .btn-primary {
  background-color: var(--mmp-az-palm);
  border-color: var(--mmp-az-palm);
  color: var(--mmp-az-onyx);
}

body.mmp-client-az-groveland-sod .mmp-ssk-btn--primary:hover,
body.mmp-client-az-groveland-sod .mmp-ssk-btn--primary:focus,
body.mmp-client-az-groveland-sod .btn-primary:hover,
body.mmp-client-az-groveland-sod .btn-primary:focus {
  filter: brightness(0.92);
  color: var(--mmp-az-onyx);
}

body.mmp-client-az-groveland-sod .mmp-story-section:nth-of-type(even) {
  background-color: var(--mmp-az-beige);
}

body.mmp-client-az-groveland-sod footer,
body.mmp-client-az-groveland-sod .site-footer,
body.mmp-client-az-groveland-sod .mmp-ssk-footer {
  background-color: var(--mmp-az-onyx);
  color: var(--mmp-az-porcelain);
}

body.mmp-client-az-groveland-sod .mmp-ssk-footer a,
body.mmp-client-az-groveland-sod .site-footer a {
  color: var(--mmp-az-beige);
}

body.mmp-client-az-groveland-sod #main-nav {
  background-color: var(--mmp-az-carbon) !important;
}

body.mmp-client-az-groveland-sod #main-nav .nav-link,
body.mmp-client-az-groveland-sod #main-nav .navbar-brand,
body.mmp-client-az-groveland-sod #main-nav .navbar-brand a {
  color: var(--mmp-az-porcelain);
}

body.mmp-client-az-groveland-sod #main-nav .nav-link:hover,
body.mmp-client-az-groveland-sod #main-nav .nav-link:focus {
  color: var(--mmp-az-beige);
}

body.mmp-client-az-groveland-sod .mmp-story-hero .btn-outline-primary {
  color: var(--mmp-az-porcelain);
  border-color: var(--mmp-az-beige);
}

body.mmp-client-az-groveland-sod .mmp-story-hero .btn-outline-primary:hover,
body.mmp-client-az-groveland-sod .mmp-story-hero .btn-outline-primary:focus {
  background: var(--mmp-az-palm);
  border-color: var(--mmp-az-palm);
  color: var(--mmp-az-onyx);
}

body.mmp-client-az-groveland-sod .mmp-ssk-header-cta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-left: 1rem;
}

body.mmp-client-az-groveland-sod.mmp-service-site-kit .mmp-story-hero .mmp-story-hero__title {
  font-size: var(--mmp-az-fs-h1);
  line-height: var(--mmp-az-lh-tight);
  font-weight: var(--mmp-az-fw-bold);
}

body.mmp-client-az-groveland-sod .mmp-story-section__title,
body.mmp-client-az-groveland-sod .mmp-story-final-cta__title {
  font-size: var(--mmp-az-fs-h2);
  line-height: var(--mmp-az-lh-heading);
  font-weight: var(--mmp-az-fw-bold);
}

body.mmp-client-az-groveland-sod .mmp-story-card .card-title,
body.mmp-client-az-groveland-sod .mmp-story-section h3 {
  font-size: var(--mmp-az-fs-h3);
  line-height: var(--mmp-az-lh-heading);
  font-weight: var(--mmp-az-fw-bold);
}

body.mmp-client-az-groveland-sod .mmp-story-hero__sub,
body.mmp-client-az-groveland-sod .mmp-story-section .lead {
  font-size: var(--mmp-az-fs-lead);
  line-height: 1.45;
  font-weight: var(--mmp-az-fw-regular);
}

body.mmp-client-az-groveland-sod .mmp-story-metric__value,
body.mmp-client-az-groveland-sod .mmp-ssk-value__stat {
  font-size: var(--mmp-az-fs-h2);
  line-height: var(--mmp-az-lh-tight);
  font-weight: var(--mmp-az-fw-bold);
  color: var(--mmp-az-palm);
}

body.mmp-client-az-groveland-sod .mmp-story-metric__label,
body.mmp-client-az-groveland-sod .mmp-ssk-trust-chips li,
body.mmp-client-az-groveland-sod .small {
  font-size: var(--mmp-az-fs-sm);
}

body.mmp-client-az-groveland-sod .mmp-story-section {
  padding-block: var(--mmp-az-space-section);
}

body.mmp-client-az-groveland-sod .mmp-story-section .row {
  row-gap: var(--mmp-az-space-3);
}

body.mmp-client-az-groveland-sod .mmp-story-card,
body.mmp-client-az-groveland-sod .mmp-story-problem-card,
body.mmp-client-az-groveland-sod .mmp-story-plan-step,
body.mmp-client-az-groveland-sod .mmp-story-lead-card,
body.mmp-client-az-groveland-sod .mmp-story-section .card,
body.mmp-client-az-groveland-sod .mmp-ssk-form {
  border-radius: var(--mmp-az-radius-card);
  overflow: hidden;
}

body.mmp-client-az-groveland-sod .mmp-story-final-cta,
body.mmp-client-az-groveland-sod .mmp-ssk-form {
  border-radius: var(--mmp-az-radius-lg);
}

body.mmp-client-az-groveland-sod .btn,
body.mmp-client-az-groveland-sod .mmp-ssk-btn,
body.mmp-client-az-groveland-sod input,
body.mmp-client-az-groveland-sod select,
body.mmp-client-az-groveland-sod textarea {
  border-radius: var(--mmp-az-radius-sm);
}

body.mmp-client-az-groveland-sod a:focus-visible,
body.mmp-client-az-groveland-sod button:focus-visible,
body.mmp-client-az-groveland-sod .btn:focus-visible,
body.mmp-client-az-groveland-sod .mmp-ssk-btn:focus-visible,
body.mmp-client-az-groveland-sod input:focus-visible,
body.mmp-client-az-groveland-sod select:focus-visible,
body.mmp-client-az-groveland-sod textarea:focus-visible,
body.mmp-client-az-groveland-sod summary:focus-visible {
  outline: var(--mmp-az-focus-width) solid var(--mmp-az-focus);
  outline-offset: var(--mmp-az-focus-offset);
}

body.mmp-client-az-groveland-sod .mmp-story-hero :focus-visible,
body.mmp-client-az-groveland-sod #main-nav :focus-visible,
body.mmp-client-az-groveland-sod footer :focus-visible,
body.mmp-client-az-groveland-sod .site-footer :focus-visible,
body.mmp-client-az-groveland-sod .mmp-ssk-footer :focus-visible {
  outline-color: var(--mmp-az-focus-on-dark);
}

@media (max-width: 767.98px) {
  body.mmp-client-az-groveland-sod.mmp-service-site-kit {
    padding-bottom: 0;
  }

  body.mmp-client-az-groveland-sod .mmp-ssk-header-cta {
    margin: 0.75rem 0 0;
    flex-direction: column;
    align-items: stretch;
  }

  body.mmp-client-az-groveland-sod .mmp-ssk-header-cta__service {
    display: inline-flex;
  }

  body.mmp-client-az-groveland-sod .mmp-story-section {
    padding-left: var(--mmp-az-section-x);
    padding-right: var(--mmp-az-section-x);
  }

  body.mmp-client-az-groveland-sod .mmp-story-section .container {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
  }

  body.mmp-client-az-groveland-sod .mmp-story-section .row,
  body.mmp-client-az-groveland-sod .mmp-story-hero .d-flex {
    flex-direction: column;
  }

  body.mmp-client-az-groveland-sod .mmp-story-section .row > [class*="col"] {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
