/* ============================================================
   whoweare-match.css  (v2)
   Homepage "WHO WE ARE / A production company built on craft"
   block — three polish fixes, all CSS-only (no structural change,
   so the green service dots and stats counter stay intact):

     1) Typography matched to the HERO block
     2) Restores the missing green dot on the Development box
     3) Top-aligns the service boxes with the left text and lifts
        the whole block up ~1.5cm

   Loads after the page-builder inline styles; !important overrides
   them. Hero reference: heading Cormorant Garamond 48px/300/1.08/
   -0.72px; body Montserrat 15px/1.85.
   ============================================================ */

/* 1) TYPOGRAPHY — match the hero ("Stories that demand to be told") */
.whoweare-heading {
  font-size: clamp(32px, 6vw, 48px) !important; /* 48px on desktop, scales on small screens */
  line-height: 1.08 !important;
  letter-spacing: -0.72px !important;
}
[class*="whoweare-text"] {
  font-size: 15px !important;
  line-height: 1.85 !important;
}

/* 2) DEVELOPMENT DOT — the other three boxes contain a
      <div class="card-dot"> green circle; Development's markup is
      missing it, so recreate the same 6px green dot for that box. */
.service1-title::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #6DDE4A;
  margin-right: 10px;       /* matches the row's 10px flex gap */
  vertical-align: middle;
  position: relative;
  top: -1px;                /* optical centering with the title text */
}

/* 3) ALIGNMENT — boxes column defaults to align-self:center (sits
      low). Top-align it with the left text ("in line"), and lift the
      whole two-column block up ~1.5cm. */
.pb-section > div:has(.service1-title) {
  margin-top: -49px !important;          /* ~1.5cm higher (inline base was 8px) */
}
.pb-section > div:has(.service1-title) > :nth-child(2) {
  align-self: flex-start !important;     /* boxes line up with the top of the text */
}