/* drift fix: core blocks inside clique sections carry no default margins; the __ classes set spacing */
[class*="clique-"] :where(h1,h2,h3,h4,h5,h6,p,ul,ol,figure){margin-top:0;margin-bottom:0}
[class*="clique-"] .wp-block-columns{margin-block:0}
[class*="clique-"] .wp-block-buttons{margin-block:0}
[class*="clique-"] .wp-block-button__link{margin:0}
[class*="clique-"] li{margin:0}

/* Clique native-section styles (pixel-matched to live) */

/* ===== hero ===== */
/* ==========================================================================
   clique.agency — HERO (text) section
   Native core blocks rebuild. Matches captured live values from
   home.content.html + home.css (Kadence rows kb-row-layout-idr-dc4a9488,
   columnc-26cbc4b9, headings kt-adv-headingh-406a2a41 / -2ca8e96a).
   Brand palette: ink #1A1915 (palette3) · charcoal #3A3933 (palette4)
   muted #6F6C63 (palette5) · cream #F5F1EC (palette6) · brand #8A2A1E.
   ========================================================================== */

/* Band — full-width cream row. Row inner padding 64px top / 32px sides /
   0 bottom (xl top + md sides; bottom crushed to 0 by live polish rule). */
.clique-hero {
	background-color: #F5F1EC;
	padding: 64px 32px 0;
}

/* Hero copy column — centered, capped at 960px (live polish max-width). */
.clique-hero__inner {
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
}

/* Eyebrow (h6 kt-adv-headingh-406a2a41): 11px mono, 0.22em tracking, muted,
   margin-bottom 10px. Clean text — the live hero eyebrow has no dash. */
.clique-hero__eyebrow {
	margin: 0 0 10px;
	font-family: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #6F6C63;
	text-align: center;
}

/* Headline (h1 kt-adv-headingh-2ca8e96a): Fraunces 72px / 1.02 / -0.025em,
   ink, margin-bottom 16px, capped 1050px (clamped by 960px column). */
.clique-hero__title {
	margin: 0 auto 16px;
	max-width: 1050px;
	font-family: Fraunces, 'Fraunces 72pt', Georgia, 'Times New Roman', serif;
	font-weight: 400;
	font-size: 72px;
	line-height: 1.02;
	letter-spacing: -0.025em;
	color: #1A1915;
	text-align: center;
}

.clique-hero__title em {
	font-style: italic;
	color: #8A2A1E;
}

/* Subhead (live inline style): 18.5px / 1.55, charcoal, capped 1050px,
   margin-bottom 28px, centered. */
.clique-hero__sub {
	margin: 0 auto 28px;
	max-width: 1050px;
	font-family: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
	font-size: 18.5px;
	line-height: 1.55;
	color: #3A3933;
	text-align: center;
}

/* Responsive headline steps — exact captured breakpoints. */
@media (max-width: 1024px) {
	.clique-hero__title {
		font-size: 48px;
	}
}

@media (max-width: 767px) {
	.clique-hero {
		padding: 48px 20px 0;
	}
	.clique-hero__title {
		font-size: 24px;
	}
}


/* ===== stats ===== */
/* ==========================================================================
   clique.agency — STATS section (native Gutenberg rebuild)
   Landmark: "Home service companies served"
   Source: home.content.html row .kb-row-layout-idr-5befd25d (3-col stats band)
   Brand tokens: brand #8A2A1E | ink #1A1915 | charcoal #3A3933 |
                 muted #6F6C63 | cream #F5F1EC | tan #C9C1AE
   Fonts: Fraunces (numbers) | 'Inter Tight' (sub) | 'JetBrains Mono' (eyebrow)
   ========================================================================== */

/* --- BAND (full-width row): cream bg + top/bottom tan hairlines -------------
   Captured: has-theme-palette6-background-color => --global-palette6 #F5F1EC
             border-top/bottom 1px solid --global-palette9 #C9C1AE            */
.clique-stats {
  background-color: #F5F1EC;
  border-top: 1px solid #C9C1AE;
  border-bottom: 1px solid #C9C1AE;
}

/* --- INNER GRID: 1180px content width, 3 equal cols, 2rem gutter -----------
   Captured: max-width 1180px; row-gutter-md 2rem; pad xl/md = 4rem 2rem      */
.clique-stats .clique-stats__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 2rem;
  box-sizing: border-box;
}

/* --- CARD (column): generous padding, vertically centered, left aligned ----
   Captured: kt-inside-inner-col pad lg/md = 3rem 2rem; flex column center     */
.clique-stats .clique-stats__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem 2rem;
  margin: 0;
  text-align: left;
  box-sizing: border-box;
}

/* --- EYEBROW: JetBrains Mono, 11px, uppercase, wide tracking, muted --------
   Captured: kt-adv-headingh-14b132d5 — 11px / 0.2em / #6F6C63 / mb 24px       */
.clique-stats .clique-stats__eyebrow {
  margin: 0 0 24px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #6F6C63;
}

/* --- BIG NUMBER: Fraunces, 64px, tight tracking; em = red italic accent ----
   Captured: kt-adv-headingh-d5a014d8 — 64px / 1em / -0.03em / #1A1915 / mb 16
             inline <em color:#8A2A1E; font-weight:400> => red italic figure   */
.clique-stats .clique-stats__num {
  margin: 0 0 16px;
  font-family: Fraunces, serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #1A1915;
}
.clique-stats .clique-stats__num em {
  font-style: italic;
  font-weight: 400;
  color: #8A2A1E;
  white-space: nowrap;
}

/* --- SUB: Inter Tight, 15px, charcoal, capped width ------------------------
   Captured: inline p — 15px / line-height 1.5 / #3A3933 / max-width 280px     */
.clique-stats .clique-stats__sub {
  margin: 0;
  font-family: 'Inter Tight', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #3A3933;
  max-width: 280px;
}

/* --- TABLET (<=1024px): number steps down to 56px, grid stays 3-up --------- */
@media all and (max-width: 1024px) {
  .clique-stats .clique-stats__num {
    font-size: 56px;
  }
}

/* --- MOBILE (<=767px): stack to 1 col, tan dividers, number 48px -----------
   Captured: grid-template-columns minmax(0,1fr); row pad sm/md 1.5rem 2rem;
             card pad md 2rem + border-bottom 1px #C9C1AE; number 48px         */
@media all and (max-width: 767px) {
  .clique-stats .clique-stats__grid {
    grid-template-columns: minmax(0, 1fr);
    padding: 1.5rem 2rem;
  }
  .clique-stats .clique-stats__card {
    padding: 2rem;
    border-bottom: 1px solid #C9C1AE;
  }
  .clique-stats .clique-stats__card:last-child {
    border-bottom: 0;
  }
  .clique-stats .clique-stats__num {
    font-size: 48px;
  }
}


/* ===== fit ===== */
/* ============================================================
   Clique · "fit" section  (LANDMARK: "Who we let")
   Native core blocks rebuild — matches prod home (cream-2 band,
   centered Fraunces heading + muted intro, two fit / not-a-fit
   cards with check / cross bullet glyphs).
   Palette: brand #8A2A1E · ink #1A1915 · charcoal #3A3933
            muted #6F6C63 · cream #F5F1EC · cream-2 #EDE7DD · tan #C9C1AE
   ============================================================ */

/* ---- Band (full-bleed, cream-2, tan bottom border) ---- */
.clique-fit {
	background-color: #EDE7DD;            /* cream-2 (palette7) */
	border-bottom: 1px solid #C9C1AE;     /* tan (palette9) */
	padding-top: 64px;                    /* row spacing xl (4rem) */
	padding-bottom: 128px;                /* cards spacer + close row (4rem + 4rem) */
}

/* ---- Heading + intro wrapper (content width, edge + inner pad) ---- */
.clique-fit__head {
	max-width: 1180px;                    /* global content width */
	margin-left: auto;
	margin-right: auto;
	padding-left: 56px;                   /* 1.5rem edge + 2rem inner */
	padding-right: 56px;
	padding-bottom: 32px;                 /* 2rem before the cards */
}

.clique-fit__title {
	margin: 0;
	font-family: Fraunces, Georgia, serif;
	font-weight: 400;
	font-size: 56px;
	line-height: 1.05;
	letter-spacing: -0.025em;
	color: #1A1915;                       /* ink */
	text-align: center;
}
.clique-fit__title em {
	font-style: italic;
	color: #8A2A1E;                       /* brand */
}

.clique-fit__intro {
	max-width: 600px;
	margin: 20px auto 0;
	font-family: 'Inter Tight', sans-serif;
	font-size: 18px;
	line-height: 1.6;
	color: #3A3933;                       /* charcoal */
	text-align: center;
}
.clique-fit__intro strong { font-weight: 700; }

/* ---- Two-card grid ---- */
.clique-fit__cards {
	display: flex;
	gap: 32px;                            /* row gutter md (2rem) */
	max-width: 1180px;
	margin: 0 auto;
	padding-left: 56px;
	padding-right: 56px;
	align-items: stretch;                 /* equal-height cards */
}
.clique-fit__cards > .clique-fit__col,
.clique-fit__cards > .wp-block-column {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
}

/* ---- Card ---- */
.clique-fit__card {
	flex: 1 1 auto;
	width: 100%;
	padding: 48px;                        /* spacing lg (3rem) */
	border: 1px solid #C9C1AE;           /* tan border */
	border-radius: 12px;
}
.clique-fit__card--yes { background-color: #F5F1EC; }   /* cream */
.clique-fit__card--no  { background-color: #EDE7DD; }   /* cream-2 */

/* ---- Card title (Fraunces, tan underline) + roman-numeral badge ---- */
.clique-fit__card-title {
	margin: 0 0 24px;
	padding-bottom: 18px;
	font-family: Fraunces, Georgia, serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: -0.015em;
	color: #1A1915;                       /* ink */
	border-bottom: 1px solid #C9C1AE;     /* tan */
}

/* ---- Bullet lists with check / cross circle glyphs ---- */
.clique-fit__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.clique-fit__list .clique-fit__item,
.clique-fit__list li {
	position: relative;
	margin: 0;
	padding-left: 36px;                   /* 22px circle + 14px gap */
	font-family: 'Inter Tight', sans-serif;
	font-size: 15.5px;
	line-height: 1.5;
	color: #3A3933;                       /* charcoal */
}
.clique-fit__list li::before {
	position: absolute;
	left: 0;
	top: 2px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	font-family: 'Inter Tight', sans-serif;
	line-height: 1;
}
/* fit → filled brand circle with check */
.clique-fit__list--yes li::before {
	content: "\2713";                     /* ✓ */
	background: #8A2A1E;                  /* brand */
	color: #F5F1EC;                       /* cream */
	font-size: 12px;
	font-weight: 600;
}
/* not a fit → hollow tan-bordered circle with cross */
.clique-fit__list--no li::before {
	content: "\00D7";                     /* × */
	background: transparent;
	color: #6F6C63;                       /* muted */
	border: 1px solid #C9C1AE;           /* tan */
	font-size: 16px;
	font-weight: 400;
}

/* ============================ Responsive ============================ */
@media (max-width: 1024px) {
	.clique-fit__title { font-size: 42px; }
	.clique-fit__head,
	.clique-fit__cards { padding-left: 40px; padding-right: 40px; }
	.clique-fit__card { padding: 40px; }
}

@media (max-width: 767px) {
	.clique-fit { padding-top: 48px; padding-bottom: 80px; }
	.clique-fit__title { font-size: 38px; line-height: 1.05; }
	.clique-fit__head,
	.clique-fit__cards { padding-left: 24px; padding-right: 24px; }
	.clique-fit__cards { flex-direction: column; gap: 24px; }
	.clique-fit__card { padding: 32px; }
}


/* ===== leaks ===== */
/* =====================================================================
   clique.agency — "leaks" section (native Gutenberg rebuild)
   Landmark: "The real reason your Google Ads ..."
   Faithful reproduction of prod: cream band (palette6 #F5F1EC) holding a
   centered heading + intro, then a 2x2 leak grid framed by tan (#C9C1AE)
   top/bottom borders with a "+" cross-divider, collapsing to a single
   stacked column with inter-card separators on mobile.

   Brand tokens used:
     brand     #8A2A1E   ink     #1A1915   charcoal #3A3933
     cream     #F5F1EC   cream-2 #EDE7DD   tan      #C9C1AE
   Fonts: Fraunces (headings/eyebrow/callout), 'Inter Tight' (body copy)
   ===================================================================== */

/* ---- Band ---------------------------------------------------------- */
.clique-leaks {
  background: #F5F1EC;            /* palette6 / cream */
  padding-bottom: 64px;          /* row padding-bottom: 4rem */
}

/* ---- Heading area -------------------------------------------------- */
.clique-leaks__head {
  max-width: 1180px;             /* --global-content-width */
  margin: 0 auto;
  padding: 64px 32px 0;          /* row: padding-top 4rem, edges 2rem */
}

.clique-leaks__title {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 38px;               /* mobile (block mobileSize) */
  line-height: 1.05;
  letter-spacing: -0.025em;
  font-weight: 400;
  color: #1A1915;                /* palette3 / ink */
  max-width: 780px;
  margin: 0 auto 24px;
  text-align: center;
}
.clique-leaks__title em {
  color: #8A2A1E;                /* brand */
  font-style: italic;
  font-weight: 400;
}

.clique-leaks__intro {
  font-family: 'Inter Tight', system-ui, -apple-system, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #3A3933;                /* charcoal */
  max-width: 780px;
  margin: 0 auto 20px;
  text-align: center;
}
.clique-leaks__intro em { font-style: italic; }
.clique-leaks__intro strong { font-weight: 700; }
.clique-leaks__intro--last { margin-bottom: 80px; }

/* ---- Leak grid (mobile-first: single stacked column) --------------- */
.clique-leaks__grid {
  display: grid !important;                 /* override core flex */
  grid-template-columns: minmax(0, 1fr);
  gap: 0 !important;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 32px 64px;                      /* top 0, edges 2rem, bottom 4rem */
  position: relative;
}

/* Each leak card (= core/column) */
.clique-leaks__card {
  padding: 32px 0;                           /* mobilePadding: 2rem top/bottom */
  align-self: stretch;
}
/* Inter-card separator when stacked */
.clique-leaks__card + .clique-leaks__card {
  border-top: 1px solid #C9C1AE;            /* tan / palette9 */
}

/* ---- Card content -------------------------------------------------- */
.clique-leaks__eyebrow {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 14px;
  font-style: italic;
  color: #8A2A1E;                /* brand */
  margin: 0 0 16px;
}

.clique-leaks__cardtitle {
  font-family: 'Fraunces', Georgia, serif;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: #1A1915;                /* ink */
  margin: 0 0 20px;
}

.clique-leaks__desc {
  font-family: 'Inter Tight', system-ui, -apple-system, sans-serif;
  font-size: 15.5px;
  line-height: 1.6;
  color: #3A3933;                /* charcoal */
  margin: 0 0 12px;
}

.clique-leaks__callout {
  display: block;
  margin: 20px 0 0;
  padding: 16px 20px;
  border-left: 3px solid #8A2A1E;           /* brand */
  background: #EDE7DD;                       /* cream-2 / palette7 */
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
  font-size: 16px;
  color: #1A1915;                           /* ink */
}

/* ---- Desktop: 2x2 framed grid with "+" cross-divider -------------- */
@media (min-width: 768px) {
  .clique-leaks__title { font-size: 48px; }

  .clique-leaks__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid #C9C1AE;          /* tan frame top */
    border-bottom: 1px solid #C9C1AE;       /* tan frame bottom */
  }
  /* vertical divider of the "+" cross */
  .clique-leaks__grid::before {
    content: '';
    position: absolute;
    top: 0; bottom: 0; left: 50%;
    width: 1px;
    background: #C9C1AE;
    pointer-events: none;
    z-index: 1;
  }
  /* horizontal divider of the "+" cross — offset up by 2rem to centre
     between the two card rows given the wrap's 4rem bottom padding */
  .clique-leaks__grid::after {
    content: '';
    position: absolute;
    top: calc(50% - 2rem); left: 0; right: 0;
    height: 1px;
    background: #C9C1AE;
    pointer-events: none;
    z-index: 1;
  }

  /* drop the stacked separator on desktop */
  .clique-leaks__card + .clique-leaks__card { border-top: 0; }

  /* left column (cards I & III): hug left edge, gutter on the right  */
  .clique-leaks__card:nth-child(odd)  { padding: 48px 48px 48px 0; }
  /* right column (cards II & IV): gutter on the left, hug right edge */
  .clique-leaks__card:nth-child(even) { padding: 48px 0 48px 48px; }
}


/* ===== system ===== */
/* clique.agency — "system" section (landmark: "Clique to Close")
   Dark band intro: JetBrains Mono eyebrow + large Fraunces heading + muted paragraph.
   Values captured 1:1 from prod (home.css .kt-adv-headingh-ad121b9f, palette3 band,
   .has-theme-palette3-background-color dark-section text scoping).
   Palette: ink #1A1915, cream #F5F1EC, gold #B0894A. */

.clique-system {
  background-color: #1A1915;
  padding: 80px 24px 88px;
}

.clique-system__inner {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Eyebrow — JetBrains Mono label, matches live dark-band eyebrow (gold) */
.clique-system__eyebrow {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: #B0894A;
  margin: 0 0 20px;
  text-align: center;
}

/* Heading — Fraunces display, exact captured sizing of .kt-adv-headingh-ad121b9f */
.clique-system__title {
  font-family: Fraunces, Georgia, serif;
  font-weight: 400;
  font-size: 68px;
  line-height: 1.02em;
  letter-spacing: -0.03em;
  color: #F5F1EC;
  max-width: 820px;
  margin: 0 auto 24px;
  text-align: center;
}

/* Muted paragraph — live dark-band p color rgba(245,241,236,0.82) */
.clique-system__sub {
  font-family: 'Inter Tight', system-ui, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: rgba(245, 241, 236, 0.82);
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

/* Tablet — captured heading step-down */
@media (max-width: 1024px) {
  .clique-system { padding: 64px 24px 72px; }
  .clique-system__title { font-size: 52px; }
}

/* Mobile — captured heading step-down (38px / 1.05em) */
@media (max-width: 767px) {
  .clique-system { padding: 56px 20px 64px; }
  .clique-system__title { font-size: 38px; line-height: 1.05em; }
  .clique-system__sub { font-size: 16px; }
}


/* ===== cases ===== */
/* =====================================================================
   clique.agency — "cases" section (native Gutenberg blocks)
   Landmark: "Same system" / 3 trade cards (HVAC · Plumbing · Roofing)
   Values matched to captured stats-band + centered-H2 in home.css.
   Brand tokens: brand #8A2A1E · ink #1A1915 · charcoal #3A3933
                 muted #6F6C63 · cream #F5F1EC · sand #C9C1AE · cream-2 #EDE7DD
   ===================================================================== */

/* ---- Band (full-width) : cream with hairline top/bottom borders ------ */
.clique-cases {
  background: #F5F1EC;                 /* palette6 cream */
  border-top: 1px solid #C9C1AE;       /* palette9 sand */
  border-bottom: 1px solid #C9C1AE;
  padding: 72px 24px;                  /* edge padding 1.5rem; block ~spacing-xl */
  box-sizing: border-box;
}

/* ---- Constrained content column ------------------------------------- */
.clique-cases .clique-cases__inner {
  max-width: 1180px;                   /* global-content-width */
  margin-left: auto;
  margin-right: auto;
}

/* ---- Centered heading (Fraunces) ----------------------------------- */
.clique-cases .clique-cases__title {
  margin: 0 auto 18px;
  max-width: 760px;
  text-align: center;
  font-family: Fraunces, Georgia, serif;
  font-weight: 500;
  font-size: 46px;
  line-height: 1.12em;
  letter-spacing: -0.02em;
  color: #1A1915;                      /* ink */
}
.clique-cases .clique-cases__title em {
  font-style: italic;
  font-weight: 500;
  color: #8A2A1E;                      /* brand */
}

/* ---- Muted intro ---------------------------------------------------- */
.clique-cases .clique-cases__intro {
  margin: 0 auto 48px;
  max-width: 680px;
  text-align: center;
  font-family: 'Inter Tight', system-ui, -apple-system, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #6F6C63;                      /* muted */
}

/* ---- 3-up trade card grid ------------------------------------------ */
.clique-cases .clique-cases__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
}

.clique-cases .clique-cases__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 36px;
  margin: 0;
}
/* hairline divider between cards (desktop/tablet) */
.clique-cases .clique-cases__card + .clique-cases__card {
  border-left: 1px solid #E1D9CA;      /* cream-2 / sand */
}

/* ---- Trade label (JetBrains Mono, uppercase) ----------------------- */
.clique-cases .clique-cases__label {
  margin: 0 0 18px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #6F6C63;                      /* muted */
}

/* ---- Result figure (Fraunces, red italic) -------------------------- */
.clique-cases .clique-cases__num {
  margin: 0 0 16px;
  font-family: Fraunces, Georgia, serif;
  font-weight: 400;
  font-style: italic;
  font-size: 64px;
  line-height: 1em;
  letter-spacing: -0.03em;
  color: #8A2A1E;                      /* brand */
}
.clique-cases .clique-cases__num em {
  font-style: italic;
  font-weight: 400;
  color: #8A2A1E;
  white-space: nowrap;
}

/* ---- Description (charcoal body) ----------------------------------- */
.clique-cases .clique-cases__desc {
  margin: 0;
  max-width: 280px;
  font-family: 'Inter Tight', system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #3A3933;                      /* charcoal */
}

/* ===================================================================== */
/* Tablet (matches captured @max-width:1024 step-downs)                  */
/* ===================================================================== */
@media (max-width: 1024px) {
  .clique-cases {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .clique-cases .clique-cases__title {
    font-size: 38px;
  }
  .clique-cases .clique-cases__num {
    font-size: 56px;
  }
  .clique-cases .clique-cases__card {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* ===================================================================== */
/* Mobile (matches captured @max-width:767 single-column collapse)       */
/* ===================================================================== */
@media (max-width: 767px) {
  .clique-cases {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .clique-cases .clique-cases__title {
    font-size: 30px;
    line-height: 1.15em;
  }
  .clique-cases .clique-cases__intro {
    font-size: 16.5px;
    margin-bottom: 36px;
  }
  .clique-cases .clique-cases__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .clique-cases .clique-cases__card {
    align-items: center;
    text-align: center;
    padding: 28px 8px;
  }
  /* divider becomes a horizontal hairline between stacked cards */
  .clique-cases .clique-cases__card + .clique-cases__card {
    border-left: 0;
    border-top: 1px solid #E1D9CA;
  }
  .clique-cases .clique-cases__num {
    font-size: 48px;
  }
  .clique-cases .clique-cases__desc {
    max-width: 320px;
  }
}


/* ===== guarantee ===== */
/* ==========================================================================
   Clique · "guarantee" section (LANDMARK: "Pipeline Promise")
   Native core blocks rebuild. Reproduces the live centered band:
   Fraunces heading (red-italic accent) + charcoal paragraph + brand-red CTA.
   Captured source: Kadence row .kb-row-layout-idr-c90bc699 / -0fb4f0e2
   (has-theme-palette7 band = #EDE7DD), heading .kt-adv-headingh-0fc9100e.
   ========================================================================== */

/* Band container ---------------------------------------------------------- */
.clique-guarantee {
	background-color: #EDE7DD; /* palette7 / cream-2 */
	padding: 64px 0;           /* 4rem top + bottom (xl), merged heading+button rows */
	margin: 0;
}

.clique-guarantee__inner {
	max-width: 1180px;         /* --global-content-width */
	margin: 0 auto;
	padding: 0 24px;           /* 1.5rem edge padding */
	text-align: center;
}

/* Heading — Fraunces, red-italic accent ----------------------------------- */
.clique-guarantee__title {
	font-family: Fraunces, Georgia, serif;
	font-weight: 400;
	font-size: 46px;
	line-height: 1.12em;
	letter-spacing: -0.02em;
	color: #1A1915;            /* palette3 / ink */
	text-align: center;
	max-width: 960px;
	margin: 0 auto 24px;
}

.clique-guarantee__title em {
	font-style: italic;
	color: #8A2A1E;            /* palette1 / brand */
}

/* Supporting paragraph — charcoal ----------------------------------------- */
.clique-guarantee__sub {
	font-family: 'Inter Tight', sans-serif;
	font-size: 20px;
	line-height: 1.55;
	color: #3A3933;            /* palette4 / charcoal */
	text-align: center;
	max-width: 760px;
	margin: 0 auto 48px;
}

.clique-guarantee__sub strong {
	font-weight: 600;
	color: #1A1915;
}

/* Brand-red CTA button ---------------------------------------------------- */
.clique-guarantee__actions {
	margin: 0;
	justify-content: center;
}

.clique-guarantee__actions .wp-block-button__link,
.clique-guarantee__btn .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #8A2A1E; /* palette1 / brand */
	color: #F5F1EC;            /* palette6 / cream */
	font-family: 'Inter Tight', sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.55em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	border-radius: 8px;
	padding: 11px 20px;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.clique-guarantee__actions .wp-block-button__link:hover,
.clique-guarantee__actions .wp-block-button__link:focus,
.clique-guarantee__btn .wp-block-button__link:hover,
.clique-guarantee__btn .wp-block-button__link:focus {
	background-color: #6B1E14; /* palette2 / brand-dark */
	color: #F5F1EC;
}

/* Responsive — match captured @media breakpoints -------------------------- */
@media (max-width: 1024px) {
	.clique-guarantee__title {
		font-size: 38px;
	}
}

@media (max-width: 767px) {
	.clique-guarantee {
		padding: 48px 0;
	}
	.clique-guarantee__title {
		font-size: 30px;
		line-height: 1.15em;
	}
	.clique-guarantee__sub {
		font-size: 18px;
		margin-bottom: 36px;
	}
}


/* ===== cta ===== */
/* ==========================================================================
   clique.agency — "cta" section (final centered CTA band)
   Native core blocks + scoped CSS. Reproduces the live homepage section
   (#post-1135) whose heading reads "See exactly where your Google Ads
   pipeline is leaking jobs and money."

   Source values resolved from:
     - assets/snapshots/home.content.html (inline styles + copy)
     - themes/clique/assets/snapshots/home.css
   Palette: brand #8A2A1E (palette1), brand-dark #6B1E14 (palette2),
            ink #1A1915 (palette3 = band bg), cream #F5F1EC (palette6),
            accent gold #B0894A (used by this section's em + list badges).
   ========================================================================== */

/* --- Full-bleed dark band ------------------------------------------------ */
.clique-cta {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-color: #1A1915;            /* --global-palette3 */
	padding-top: 4rem;                    /* --global-kb-spacing-xl */
	padding-bottom: 4rem;
}

/* Soft brand-red radial glow behind the content (matches ::before on live row) */
.clique-cta::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 800px;
	height: 800px;
	background: radial-gradient(circle, rgba(138, 42, 30, 0.18) 0%, transparent 60%);
	pointer-events: none;
	z-index: 0;
}

/* Faint founder-portrait watermark, anchored off the left edge */
.clique-cta__portrait {
	position: absolute !important;
	left: -100px;
	top: 0;
	bottom: 0;
	height: 100%;
	width: auto;
	margin: 0 !important;
	pointer-events: none;
	z-index: 0;
}
.clique-cta__portrait img {
	width: auto !important;
	height: 130% !important;
	max-width: none !important;
	border-radius: 0 !important;
	margin: 0 !important;
	opacity: 0.18;
	filter: brightness(0) saturate(100%) invert(72%) sepia(51%) saturate(485%) hue-rotate(5deg);
	object-fit: cover;
	object-position: left center;
	transform: translateY(-12%);
}

/* --- Centered content column --------------------------------------------- */
.clique-cta__inner {
	position: relative;
	z-index: 1;
	max-width: 1180px;                    /* --global-content-width */
	margin: 0 auto;
	padding-left: 2rem;                   /* --global-kb-spacing-md */
	padding-right: 2rem;
	text-align: center;
}

/* --- Heading (Fraunces) -------------------------------------------------- */
.clique-cta__title {
	font-family: Fraunces, "Times New Roman", Georgia, serif;
	font-weight: 400;
	font-size: 56px;
	line-height: 1.08em;
	letter-spacing: -0.025em;
	color: #F5F1EC;                       /* --global-palette6 */
	max-width: 900px;
	margin: 0 auto 24px;
	text-align: center;
}
.clique-cta__title em {
	font-style: italic;
	color: #B0894A;
}

/* --- Lead paragraph ------------------------------------------------------ */
.clique-cta__lead {
	font-family: "Inter Tight", sans-serif;
	font-size: 18px;
	line-height: 1.6;
	color: rgba(245, 241, 236, 0.82);
	max-width: 760px;
	margin: 0 auto 36px;
	text-align: center;
}

/* --- Numbered "what you get" list (i / ii / iii) ------------------------- */
.clique-cta__list {
	list-style: none;
	padding: 0;
	margin: 0 auto 40px;
	max-width: 920px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 32px 40px;
}
.clique-cta__item {
	flex: 1 1 230px;
	max-width: 280px;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	font-family: "Inter Tight", sans-serif;
	font-size: 14.5px;
	line-height: 1.55;
	color: rgba(245, 241, 236, 0.88);
	text-align: center;
}
.clique-cta__num {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	background: transparent;
	color: #B0894A;
	border: 1px solid rgba(176, 137, 74, 0.5);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: Fraunces, serif;
	font-weight: 500;
	font-size: 15px;
	font-style: italic;
	line-height: 1;
}

/* --- Brand-red button ---------------------------------------------------- */
.clique-cta__btns {
	display: flex;
	justify-content: center;
	margin: 0;
}
.clique-cta__btn .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #8A2A1E;            /* --global-palette1 (fill) */
	color: #F5F1EC;                       /* --global-palette6 */
	font-family: "Inter Tight", sans-serif;
	font-size: 13px;
	line-height: 1.55em;
	letter-spacing: 0.04em;
	font-weight: 600;
	text-transform: uppercase;
	border: 3px solid transparent;
	border-radius: 8px;
	padding: 11px 20px;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}
.clique-cta__btn .wp-block-button__link:hover,
.clique-cta__btn .wp-block-button__link:focus {
	background-color: #6B1E14;            /* --global-palette2 */
	color: #F5F1EC;
}

/* --- Reassurance fine print ---------------------------------------------- */
.clique-cta__fine {
	font-family: "Inter Tight", sans-serif;
	font-size: 14.5px;
	line-height: 1.55;
	color: rgba(245, 241, 236, 0.78);
	max-width: 620px;
	margin: 24px auto 0;
	text-align: center;
	font-style: italic;
}

/* --- Responsive ---------------------------------------------------------- */
@media (max-width: 1024px) {
	.clique-cta__title { font-size: 42px; }
}

@media (max-width: 767px) {
	.clique-cta__title { font-size: 34px; line-height: 1.12em; }
	.clique-cta__inner { padding-left: 1.5rem; padding-right: 1.5rem; }
	.clique-cta__portrait img { opacity: 0.06; }
}