/* ==========================================================================
   Our Services Page Styles
   Source: Figma node 828:3288 + components 828:3318, 828:3332, 828:3346,
           828:3360.
   The accordion structure (.cetools-products-accordion) is shared with
   the Products page — defined in page-products.css. This file only owns:
   - The Services-specific banner image
   - The Services-page wrapper / intro / list layout
   - The accordion paragraph variant (Services panels show a paragraph
     instead of a sublist)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Banner image (Services-specific)
   Figma fill: solid #132F6B + IMAGE @ opacity 0.30 (matches About + Products)
   -------------------------------------------------------------------------- */
.cetools-page-banner--services .cetools-page-banner__bg {
  background-image: url("../images/services/banner-bg.jpg");
}

/* --------------------------------------------------------------------------
   Services page body wrapper
   Figma Frame 1597881916 child sections both have individualStrokeWeights
   left=1, color #B5B5B5 — single 1px vertical line at content/sidebar edge.
   -------------------------------------------------------------------------- */
.cetools-services-page {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  border-left: 1px solid #B5B5B5;
}

/* --------------------------------------------------------------------------
   Intro paragraph
   Figma Frame 1597881909 (1795×402): padding T120 / R565 / B30 / L525.
   Inner content text: 705 wide × 252 tall (= 9 lines @ 28 lh).
   Palatino Linotype 400 / 20 / lh 28 / ls 0 / #272727 / textAlign LEFT.
   -------------------------------------------------------------------------- */
.cetools-services-page__intro {
  padding: 120px 565px 30px 525px;
}

.cetools-services-page__intro-text {
  font-family: "Palatino Linotype", Georgia, serif;
  font-size: 20px;
  font-weight: 400;
  color: #272727;
  line-height: 28px;
  letter-spacing: 0;
  margin: 0;
  max-width: 705px;
  text-align: left;
}

/* --------------------------------------------------------------------------
   Services list section (accordion)
   Figma items section: padding T120 / R565 / B120 / L525.
   Items wrapper Frame 1597881954 = 705 wide.
   Accordion structure uses shared .cetools-products-accordion classes
   from page-products.css.
   -------------------------------------------------------------------------- */
.cetools-services-page__list {
  padding: 120px 565px 120px 525px;
}

/* --------------------------------------------------------------------------
   Accordion paragraph variant (Services-only)
   Figma component Variant2 body text: Palatino Linotype 400 / 19 / lh 29 /
   ls 0 / #272727. Note line-height 29 (one px taller than the Products
   sublist 28) — verbatim from each component's Variant2 text style.
   -------------------------------------------------------------------------- */
.cetools-products-accordion__paragraph {
  font-family: "Palatino Linotype", Georgia, serif;
  font-size: 19px;
  font-weight: 400;
  color: #272727;
  line-height: 29px;
  letter-spacing: 0;
  margin: 0;
}

/* ==========================================================================
   Responsive — mirrors Products page progression
   ========================================================================== */

@media (max-width: 1600px) {
  .cetools-services-page__intro {
    padding: 90px 240px 30px 240px;
  }
  .cetools-services-page__list {
    padding: 90px 240px 90px 240px;
  }
}

@media (max-width: 1200px) {
  .cetools-services-page__intro {
    padding: 80px 120px 30px 120px;
  }
  .cetools-services-page__list {
    padding: 80px 120px 80px 120px;
  }
}

@media (max-width: 1024px) {
  .cetools-services-page__intro {
    padding: 60px 50px 30px 50px;
  }
  .cetools-services-page__list {
    padding: 60px 50px 60px 50px;
  }
  .cetools-services-page__intro-text {
    max-width: none;
  }
}

@media (max-width: 768px) {
  .cetools-services-page__intro {
    padding: 50px 20px 24px 20px;
  }
  .cetools-services-page__list {
    padding: 0 20px 50px 20px;
  }
  .cetools-services-page__intro-text {
    font-size: 16px;
    line-height: 26px;
  }
  .cetools-products-accordion__paragraph {
    font-size: 16px;
    line-height: 26px;
  }
}