/** Site Custom Stylesheet (From File) **/ 



 /** Site Custom Styles (From DB) **/ 

/* =====================================================================
   LuxRo Pools — site.css
   Design tokens, background utilities, typography, components & sections.
   ===================================================================== */ :root  {
  /* ---- Brand primitive: deep teal-navy ---- */ --color-teal: #093753;
  --color-teal-light: #1b5170;
  --color-teal-lighter: #356a89;
  --color-teal-dark: #062a40;
  --color-teal-darker: #041d2d;
  /* ---- Water teal — secondary ---- */ --color-water: #2f7d7d;
  --color-water-light: #6aa6a9;
  /* ---- Warm neutrals ---- */ --color-paper: #f8f7f6;
  --color-cream: #f4f1ea;
  --color-cream-warm: #efe6d6;
  --color-sand: #e7ddcb;
  --color-sand-dark: #d6c6a8;
  /* ---- Steel blue — primary accent ---- */ --color-slate: #4c6d87;
  --color-slate-light: #6f8da6;
  --color-slate-lighter:#9fb4c6;
  --color-slate-dark: #3a5468;
  --color-slate-darker: #2b4050;
  /* ---- Mist — soft blue-grey ---- */ --color-mist: #acbcbd;
  --color-mist-light: #c6d1d1;
  --color-mist-lighter: #dde4e4;
  --color-mist-dark: #93a5a6;
  /* ---- Ink ---- */ --color-charcoal: #16242b;
  --color-charcoal-light: #44525a;
  /* ---- Warm metallic accent ---- */ --color-brass: #b08d57;
  --color-brass-light: #c7a877;
  /* ---- Semantic anchors ---- */ --color-brand: var(--color-slate);
  --color-text: var(--color-charcoal);
  --color-bg: var(--color-paper);
  /* ---- Form field tokens ---- */ --core-form-field-bg: #ffffff;
  --core-form-field-text-color: var(--color-charcoal);
  --core-form-field-border: rgba(76,109,135,0.32);
  --core-form-field-border-focus: var(--color-slate);
  --core-form-field-bg-disabled: #eef1f1;
  --core-form-field-text-disabled:#9aa6a6;
  --core-form-button-bg: var(--color-brass);
  --core-form-button-text-color: #ffffff;
  --core-form-checkbox-accent: var(--color-slate);
  /* ---- Core accent ---- */ --core-accent: var(--color-slate);
  /* ---- Layout ---- */ --base-content-section-max-width: 80rem;
  --base-content-section-padding-x: 6%;
}
/* ===================== Background utilities ===================== */ .bg-teal  {
  background-color: var(--color-teal);
}
.bg-teal-light  {
  background-color: var(--color-teal-light);
}
.bg-teal-lighter  {
  background-color: var(--color-teal-lighter);
}
.bg-teal-dark  {
  background-color: var(--color-teal-dark);
}
.bg-teal-darker  {
  background-color: var(--color-teal-darker);
}
.bg-water  {
  background-color: var(--color-water);
}
.bg-water-light  {
  background-color: var(--color-water-light);
}
.bg-cream  {
  background-color: var(--color-cream);
}
.bg-cream-warm  {
  background-color: var(--color-cream-warm);
}
.bg-sand  {
  background-color: var(--color-sand);
}
.bg-sand-dark  {
  background-color: var(--color-sand-dark);
}
.bg-charcoal  {
  background-color: var(--color-charcoal);
}
.bg-brass  {
  background-color: var(--color-brass);
}
.bg-paper  {
  background-color: var(--color-paper);
}
.bg-slate  {
  background-color: var(--color-slate);
}
.bg-slate-light  {
  background-color: var(--color-slate-light);
}
.bg-slate-lighter  {
  background-color: var(--color-slate-lighter);
}
.bg-slate-dark  {
  background-color: var(--color-slate-dark);
}
.bg-slate-darker  {
  background-color: var(--color-slate-darker);
}
.bg-mist  {
  background-color: var(--color-mist);
}
.bg-mist-light  {
  background-color: var(--color-mist-light);
}
.bg-mist-lighter  {
  background-color: var(--color-mist-lighter);
}
.bg-mist-dark  {
  background-color: var(--color-mist-dark);
}
/* ===================== Base typography ===================== */ body  {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  color: var(--color-text);
  background-color: var(--color-bg);
  font-size: var(--text-size-lg);
  line-height: 1.6;
  font-weight: var(--font-weight-normal);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4  {
  font-family: "Schibsted Grotesk", system-ui, sans-serif;
  color: var(--color-slate);
  line-height: 1.08;
  margin: 0 0 0.5em;
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.015em;
  text-wrap: balance;
}
h1  {
  font-size: var(--text-size-13xl);
}
h2  {
  font-size: var(--text-size-9xl);
}
h3  {
  font-size: var(--text-size-4xl);
}
h4  {
  font-size: var(--text-size-2xl);
}
p  {
  margin: 0 0 1rem;
  text-wrap: pretty;
}
p:last-child  {
  margin-bottom: 0;
}
a  {
  color: var(--color-slate);
  text-decoration: none;
}
html  {
  scroll-behavior: smooth;
}
/* ===================== Shared components ===================== */ .lede  {
  font-size: var(--text-size-xl);
  color: var(--color-charcoal-light);
  line-height: 1.55;
  max-width: 60ch;
}
.eyebrow  {
  display: inline-block;
  font-size: var(--text-size-xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--color-brass);
  margin: 0 0 1rem;
}
.wave  {
  display: block;
  width: 132px;
  height: auto;
  margin: 0 0 1.5rem;
}
.wave-center  {
  margin-left: auto;
  margin-right: auto;
}
.on-dark, .on-dark p, .on-dark li  {
  color: var(--color-cream);
}
.on-dark h1, .on-dark h2, .on-dark h3, .on-dark h4  {
  color: #ffffff;
}
.on-dark .lede  {
  color: rgba(247,243,236,0.82);
}
/* ===================== Buttons ===================== */ .btn  {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 2rem;
  font-family: "Schibsted Grotesk", sans-serif;
  font-size: var(--text-size-reg);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.01em;
  border-radius: 2px;
  border: 1.5px solid transparent;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
}
.btn:hover  {
  transform: translateY(-2px);
}
.btn-primary  {
  background-color: var(--color-brass);
  color: #fff;
  border-color: var(--color-brass);
}
.btn-primary:hover  {
  background-color: var(--color-brass-light);
  border-color: var(--color-brass-light);
}
.btn-solid  {
  background-color: var(--color-slate);
  color: #fff;
  border-color: var(--color-slate);
}
.btn-solid:hover  {
  background-color: var(--color-slate-light);
  border-color: var(--color-slate-light);
}
.btn-ghost  {
  background-color: transparent;
  color: var(--color-slate);
  border-color: rgba(76,109,135,0.4);
}
.btn-ghost:hover  {
  border-color: var(--color-slate);
  background-color: var(--color-slate);
  color:#fff;
}
.btn-ghost-light  {
  background-color: transparent;
  color: #fff;
  border-color: rgba(255,255,255,0.5);
}
.btn-ghost-light:hover  {
  background-color: #fff;
  color: var(--color-slate-dark);
  border-color:#fff;
}
/* ===================== Section helper ===================== */ .section-head  {
  max-width: 62ch;
}
/* ===================== Blog article list ===================== */ .blog-article-list  {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
@media (max-width: 767px)  {
  .blog-article-list  {
    grid-template-columns: 1fr;
  }
}
/* ===================== Navigation ===================== */ .core-menu .core-menu-link  {
  font-family: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  font-size: 0.9375rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
/* ===================== Responsive ===================== */ @media (max-width: 1023px)  {
  h1  {
    font-size: var(--text-size-13xl);
  }
  h2  {
    font-size: var(--text-size-8xl);
  }
}
@media (max-width: 767px)  {
  body  {
    font-size: var(--text-size-reg);
  }
  h1  {
    font-size: var(--text-size-10xl);
  }
  h2  {
    font-size: var(--text-size-7xl);
  }
}


 /** Content Section Styles **/ 

.content-section-2244  {
  .content-section-inner  {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding-top: 1.35rem;
    padding-bottom: 1.35rem;
  }
  .logo  {
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
  }
  .logo-word  {
    font-family: "Schibsted Grotesk", sans-serif;
    font-size: var(--text-size-2xl);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.3em;
    color: var(--color-slate-dark);
    line-height: 1;
  }
  .logo-wave  {
    width: 90px;
    height: auto;
    display: block;
  }
  .header-actions  {
    display: flex;
    align-items: center;
    gap: 1.25rem;
  }
  @media (max-width: 1023px)  {
    .header-actions  {
      display: none;
    }
    .core-menu  {
      order: 3;
      margin-left: auto;
    }
  }
  @media (max-width: 767px)  {
    .content-section-inner  {
      padding-top: 1.1rem;
      padding-bottom: 1.1rem;
    }
    .header-actions  {
      display: none;
    }
    .core-menu  {
      order: 3;
      margin-left: auto;
    }
  }
}
.content-section-2245  {
  .content-section-inner  {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 3rem;
  }
  .footer-brand .logo-word  {
    font-size: var(--text-size-3xl);
  }
  .footer-brand .footer-wave  {
    width: 110px;
    margin-top: 10px;
  }
  .footer-tagline  {
    margin-top: 1.25rem;
    max-width: 34ch;
  }
  p, a, li  {
    color: rgba(247,243,236,0.75);
    font-size: var(--text-size-sm);
  }
  .footer-col h4  {
    color: #fff;
    font-size: var(--text-size-sm);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 1.1rem;
  }
  .footer-col ul  {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.6rem;
  }
  .footer-col a:hover  {
    color: #fff;
  }
  .social-link  {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
  }
  .social-icon  {
    width: 18px;
    height: 18px;
    display: block;
    flex: 0 0 auto;
  }
  .footer-licence  {
    margin-top: 1.5rem;
    font-size: var(--text-size-xs);
    color: rgba(247,243,236,0.6);
    letter-spacing: 0.05em;
  }
  .footer-bottom  {
    grid-column: 1 / -1;
    margin-top: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.12);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .footer-bottom p  {
    font-size: var(--text-size-xs);
    color: rgba(247,243,236,0.55);
  }
  @media (max-width: 1023px)  {
    .content-section-inner  {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 767px)  {
    .content-section-inner  {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 639px)  {
    .content-section-inner  {
      grid-template-columns: 1fr;
      gap: 2rem;
    }
    .footer-bottom  {
      flex-direction: column;
      gap: 0.5rem;
    }
  }
}
.content-section-2246  {
  .content-section-inner  {
    display: grid;
    grid-template-columns: 1.04fr 1fr;
    gap: 4rem;
    align-items: center;
  }
  .hero-eyebrow  {
    color: var(--color-brass);
  }
  h1  {
    color: var(--color-slate-dark);
    font-size: var(--text-size-13xl);
    line-height: 0.98;
    font-weight: var(--font-weight-semibold);
    max-width: 15ch;
  }
  .lede  {
    color: var(--color-charcoal-light);
    margin-top: 1.25rem;
  }
  .hero-cta  {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2.25rem;
  }
  .hero-media  {
    position: relative;
    aspect-ratio: 4 / 5;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 24px 50px -24px rgba(43,64,80,0.225);
  }
  .hero-media img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .hero-trust  {
    margin-top: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.75rem;
    font-size: var(--text-size-sm);
    letter-spacing: 0.04em;
    color: var(--color-charcoal-light);
  }
  .hero-trust span  {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
  }
  .hero-trust span::before  {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-brass);
    display: inline-block;
  }
  @media (max-width: 1023px)  {
    .content-section-inner  {
      grid-template-columns: 1fr;
      gap: 2.75rem;
    }
    .hero-media  {
      max-width: 34rem;
      aspect-ratio: 16 / 11;
    }
    h1  {
      font-size: var(--text-size-12xl);
    }
  }
  @media (max-width: 767px)  {
    &.content-section  {
      min-height: 0;
    }
    h1  {
      font-size: var(--text-size-10xl);
    }
    .hero-cta .btn  {
      width: 100%;
    }
    .hero-media  {
      aspect-ratio: 4 / 3;
    }
  }
  @media (max-width: 639px)  {
    h1  {
      font-size: var(--text-size-8xl);
    }
    .hero-cta .btn  {
      width: 100%;
    }
    .lede  {
      font-size: var(--text-size-reg);
    }
  }
}
.content-section-2247  {
  .content-section-inner  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem 2.5rem;
  }
  .trust-item  {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  .trust-item .trust-num  {
    font-family: "Schibsted Grotesk", sans-serif;
    font-size: var(--text-size-5xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-dark);
    line-height: 1;
  }
  .trust-item .trust-label  {
    font-size: var(--text-size-xs);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-slate);
  }
  @media (max-width: 767px)  {
    .trust-item .trust-num  {
      font-size: var(--text-size-4xl);
    }
  }
  @media (max-width: 639px)  {
    .content-section-inner  {
      justify-content: flex-start;
      gap: 1.75rem;
    }
  }
}
.content-section-2248  {
  .content-section-inner  {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4.5rem;
    align-items: center;
  }
  .turnkey-media  {
    position: relative;
    aspect-ratio: 4 / 5;
    border-radius: 3px;
    overflow: hidden;
  }
  .turnkey-media img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .turnkey-badge  {
    position: absolute;
    left: 1.5rem;
    bottom: 1.5rem;
    background: var(--color-slate);
    color: #fff;
    padding: 0.85rem 1.25rem;
    font-size: var(--text-size-xs);
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  .turnkey-list  {
    list-style: none;
    margin: 1.75rem 0 0;
    padding: 0;
    display: grid;
    gap: 1rem;
  }
  .turnkey-list li  {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    font-size: var(--text-size-lg);
  }
  .turnkey-list li::before  {
    content: "";
    flex: 0 0 auto;
    width: 1.4rem;
    height: 1.4rem;
    margin-top: 0.25rem;
    border-radius: 50%;
    background-color: var(--color-brass);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / 0.85rem;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / 0.85rem;
  }
  @media (max-width: 1023px)  {
    .content-section-inner  {
      grid-template-columns: 1fr;
      gap: 2.75rem;
    }
  }
  @media (max-width: 767px)  {
    .content-section-inner  {
      grid-template-columns: 1fr;
      gap: 2.25rem;
    }
    .turnkey-media  {
      aspect-ratio: 3 / 2;
    }
  }
}
.content-section-2249  {
  .why-head  {
    max-width: 60ch;
    margin-bottom: 3.5rem;
  }
  .pillars  {
    gap: 2.5rem 3rem;
  }
  .pillar  {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
  }
  .pillar .pillar-icon  {
    width: 42px;
    height: 42px;
    display: block;
    margin-bottom: 1.1rem;
  }
  .pillar h3  {
    color: var(--color-slate);
  }
  .pillar p  {
    color: var(--color-charcoal-light);
    font-size: var(--text-size-reg);
  }
  @media (max-width: 767px)  {
    .pillars  {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 639px)  {
    .pillars  {
      grid-template-columns: 1fr;
    }
  }
}
.content-section-2250  {
  .projects-head  {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 3rem;
  }
  .projects-grid  {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 12.5rem;
    gap: 1rem;
  }
  .project  {
    overflow: hidden;
    border-radius: 3px;
  }
  .project img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
  }
  .project:hover img  {
    transform: scale(1.04);
  }
  .project-feature  {
    grid-column: span 2;
    grid-row: span 2;
  }
  .project-wide  {
    grid-column: span 2;
  }
  @media (max-width: 767px)  {
    .projects-grid  {
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: 11rem;
    }
    .project-feature  {
      grid-column: span 2;
      grid-row: span 1;
    }
  }
  @media (max-width: 639px)  {
    .projects-grid  {
      grid-template-columns: 1fr;
      grid-auto-rows: 13rem;
    }
    .project-wide, .project-feature  {
      grid-column: auto;
      grid-row: auto;
    }
  }
}
.content-section-2251  {
  .content-section-inner  {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 4.5rem;
    align-items: center;
  }
  .founders-media  {
    aspect-ratio: 5 / 6;
    overflow: hidden;
    border-radius: 3px;
  }
  .founders-media img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .founders-sign  {
    margin-top: 1.75rem;
    font-size: var(--text-size-sm);
    letter-spacing: 0.05em;
    color: rgba(247,243,236,0.7);
  }
  @media (max-width: 1023px)  {
    .content-section-inner  {
      grid-template-columns: 1fr;
      gap: 2.75rem;
    }
    .founders-media  {
      max-width: 30rem;
    }
  }
  @media (max-width: 767px)  {
    .content-section-inner  {
      grid-template-columns: 1fr;
      gap: 2.25rem;
    }
    .founders-media  {
      max-width: 28rem;
      aspect-ratio: 3 / 2;
    }
  }
}
.content-section-2252  {
  .testimonials-head  {
    text-align: center;
    margin-bottom: 3.5rem;
  }
  .testimonials-grid  {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 1.75rem;
    align-items: start;
  }
  .testimonial-card  {
    background: #fff;
    border: 1px solid rgba(76,109,135,0.16);
    border-radius: 4px;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .testimonial-card.feature  {
    background: var(--color-slate);
  }
  .testimonial-card.feature .quote, .testimonial-card.feature .who  {
    color: #fff;
  }
  .testimonial-card.feature .who span  {
    color: rgba(247,243,236,0.7);
  }
  .testimonial-card .quote  {
    font-size: var(--text-size-lg);
    line-height: 1.6;
    color: var(--color-charcoal);
    margin: 1.25rem 0 1.5rem;
  }
  .testimonial-card.feature .quote  {
    font-size: var(--text-size-xl);
  }
  .who  {
    margin-top: auto;
    font-family: "Schibsted Grotesk", sans-serif;
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate);
  }
  .who span  {
    display: block;
    font-family: "Hanken Grotesk", sans-serif;
    font-weight: 400;
    font-size: var(--text-size-sm);
    color: var(--color-charcoal-light);
    margin-top: 0.2rem;
  }
  .stars  {
    color: var(--color-brass);
    letter-spacing: 0.15em;
    font-size: var(--text-size-sm);
  }
  .testi-col  {
    display: grid;
    gap: 1.75rem;
  }
  @media (max-width: 1023px)  {
    .testimonials-grid  {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 767px)  {
    .testimonials-grid  {
      grid-template-columns: 1fr;
    }
    .testimonial-card  {
      padding: 1.75rem;
    }
    .testimonial-card.feature .quote  {
      font-size: var(--text-size-lg);
    }
  }
}
.content-section-2253  {
  .content-section-inner  {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 4rem;
    align-items: start;
  }
  .faq-intro  {
    position: sticky;
    top: 2rem;
  }
  .core-accordion-01 details  {
    border-bottom: 1px solid rgba(76,109,135,0.22);
    padding-left: 0;
    padding-right: 0;
  }
  .core-accordion-01 > * + *  {
    margin-top: 0;
  }
  .core-accordion-01 summary  {
    color: var(--color-slate);
    font-family: "Schibsted Grotesk", sans-serif;
  }
  .core-accordion-01 p  {
    color: var(--color-charcoal-light);
    font-size: var(--text-size-reg);
  }
  .faq-cta  {
    margin-top: 1.5rem;
  }
  @media (max-width: 1023px)  {
    .content-section-inner  {
      grid-template-columns: 1fr;
      gap: 2.75rem;
    }
    .faq-intro  {
      position: static;
    }
  }
  @media (max-width: 767px)  {
    .content-section-inner  {
      grid-template-columns: 1fr;
      gap: 2.25rem;
    }
    .faq-intro  {
      position: static;
    }
  }
}
.content-section-2254  {
  padding-top: clamp(3rem,6vw,6rem);
  padding-bottom: clamp(2.5rem,5vw,4rem);
  &.content-section  {
    position: relative;
    overflow: hidden;
  }
  .content-section-inner  {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4.5rem;
    align-items: center;
    position: relative;
    z-index: 1;
  }
  .quote-decoration  {
    position: absolute;
    right: -8%;
    top: -30%;
    width: 36rem;
    height: 36rem;
    background: radial-gradient(circle, rgba(106,166,169,0.18), transparent 68%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
  }
  .eyebrow  {
    color: var(--color-brass);
  }
  .quote-form  {
    background: transparent;
    border-radius: 0;
    padding: 0;
  }
  .quote-form h3  {
    color: var(--color-slate);
    margin-bottom: 1.5rem;
  }
  .field-row  {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 0;
  }
  .quote-form label  {
    font-size: var(--text-size-sm);
  }
  .field  {
    margin-bottom: 1.1rem;
  }
  .quote-form input, .quote-form select, .quote-form textarea  {
    border: none;
  }
  .quote-form button  {
    width: 100%;
    margin-top: 0.5rem;
  }
  .form-foot  {
    font-size: var(--text-size-xs);
    color: var(--color-charcoal-light);
    margin-top: 1rem;
    text-align: center;
  }
  @media (max-width: 1023px)  {
    .content-section-inner  {
      grid-template-columns: 1fr;
      gap: 2.75rem;
    }
  }
  @media (max-width: 767px)  {
    .content-section-inner  {
      grid-template-columns: 1fr;
      gap: 2rem;
    }
    .field-row  {
      grid-template-columns: 1fr;
    }
    .quote-form  {
      padding: 0;
    }
    .quote-decoration  {
      display: none;
    }
  }
}