/* ============================================================
   Kurtz & Blum — Foundations
   Colors, type tokens, fonts, spacing, radii, shadows.
   Source of truth: K&B Brand Guide (May 2026) + kurtzandblum.com.
   ============================================================ */

/* ---------- Fonts ---------- */

@font-face {
  font-family: "Bebas Neue";
  src: url("/cc-assets/4c721a81-7878-4eda-83cf-9aba6a48c73d.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Poppins — full italic + roman, 100..900 */
@font-face { font-family: "Poppins"; src: url("/cc-assets/66691b04-14cd-47a0-8e53-d584de8fb525.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/3475355a-ac21-4ebe-8d7a-b651a40e17b4.ttf") format("truetype"); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/a29c5d01-0c91-4b60-8dd6-14bdb5af62ae.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/b61f1b24-abd5-4ec3-b708-2d68c3fd6651.ttf") format("truetype"); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/863d5ed2-af9e-4982-a4f4-fa11468cd0de.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/e57cfeec-4ff1-40b6-b31c-234779f729f7.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/c3f9316f-e386-4d42-b5fa-9eaf1c763f0c.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/d9dc7063-5ff0-4508-a8ca-5a055fd12983.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/96e701e4-d066-4660-b095-1120b9e1b9f0.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/eca94fad-b1c7-4360-84dd-815426fd4502.ttf") format("truetype"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/a82df44e-d17e-48f2-a832-bda6e02af104.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/861cf713-18a8-4c50-b4e5-b48e34dad07e.ttf") format("truetype"); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/6c7c20b3-dd37-4c0e-879b-ab56d8af4d45.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/03d5ead8-9711-484c-ab88-749e09750ee8.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/6d1eb9a9-1732-41dc-b76c-154f848921e1.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/11fe5e98-1bfb-4541-9456-2b8e979b2ad5.ttf") format("truetype"); font-weight: 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/91bb3545-323c-4f07-8467-acbad2706cc7.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/cc-assets/cefde2a4-596b-4d8f-a491-dba5dde8dfa0.ttf") format("truetype"); font-weight: 900; font-style: italic; font-display: swap; }

/* ---------- Tokens ---------- */

:root {
  /* Brand colors — from PDF brand guide */
  --kb-blue:        #0054A0;  /* primary, CMYK 98/75/4/0 */
  --kb-orange:      #BC6D0A;  /* accent, CMYK 22/62/100/8 */
  --kb-black:       #000000;  /* primary text on light, CMYK 75/68/67/90 */

  /* Tonal extensions — derived for backgrounds, hovers, borders */
  --kb-blue-900:    #002F5C;  /* deep navy — footer / dark hero overlay */
  --kb-blue-800:    #003E78;
  --kb-blue-700:    #00468B;
  --kb-blue:        #0054A0;
  --kb-blue-500:    #1E6FB8;  /* hover lift */
  --kb-blue-400:    #4D8FCC;
  --kb-blue-200:    #B3CDE6;  /* light divider */
  --kb-blue-100:    #E5EEF7;  /* tinted surface */
  --kb-blue-50:     #F2F7FC;

  --kb-orange-900:  #6B3E05;
  --kb-orange-800:  #8C500A;
  --kb-orange-700:  #A35F0A;
  --kb-orange:      #BC6D0A;
  --kb-orange-500:  #D17F1E;  /* hover lift */
  --kb-orange-400:  #E0985C;
  --kb-orange-200:  #ECC79A;
  --kb-orange-100:  #F8EEDF;
  --kb-orange-50:   #FCF7EF;

  /* Neutrals */
  --kb-ink:         #0C0C0C;  /* "near-black" body text */
  --kb-graphite:    #2A2A2A;
  --kb-slate:       #4A4A4A;
  --kb-mute:        #6B6B6B;  /* secondary text */
  --kb-rule:        #D6D6D6;  /* hairline rules */
  --kb-line:        #E6E6E6;
  --kb-surface-2:   #F2F2F2;
  --kb-surface-1:   #F8F8F8;
  --kb-paper:       #FFFFFF;

  /* Semantic */
  --kb-success:     #1F7A4D;
  --kb-warning:     #BC6D0A;   /* reuses orange */
  --kb-danger:     #B3261E;
  --kb-info:        #0054A0;

  /* Surface roles */
  --kb-bg:          var(--kb-paper);
  --kb-bg-alt:      var(--kb-surface-1);
  --kb-bg-dark:     var(--kb-blue-900);
  --kb-fg:          var(--kb-ink);
  --kb-fg-mute:     var(--kb-mute);
  --kb-fg-inverse:  #FFFFFF;
  --kb-border:      var(--kb-line);
  --kb-border-strong: var(--kb-rule);
  --kb-link:        var(--kb-blue);
  --kb-link-hover:  var(--kb-orange);

  /* Typography */
  --kb-font-display: "Bebas Neue", "Oswald", "Impact", sans-serif;
  --kb-font-body:    "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;
  --kb-font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Scale (clamped, 1.20 ratio at the top, denser body steps) */
  --kb-size-eyebrow: 0.8125rem;   /* 13px — UPPERCASE label / kicker */
  --kb-size-xs:      0.75rem;     /* 12px */
  --kb-size-sm:      0.875rem;    /* 14px */
  --kb-size-base:    1rem;        /* 16px body */
  --kb-size-lg:      1.125rem;    /* 18px */
  --kb-size-xl:      1.375rem;    /* 22px lead */
  --kb-size-h4:      1.5rem;      /* 24px */
  --kb-size-h3:      2rem;        /* 32px */
  --kb-size-h2:      2.75rem;     /* 44px */
  --kb-size-h1:      3.75rem;     /* 60px display */
  --kb-size-hero:    5.25rem;     /* 84px banner Bebas */

  --kb-tracking-display: 0.01em;
  --kb-tracking-eyebrow: 0.18em;
  --kb-tracking-button:  0.06em;

  /* Line heights */
  --kb-lh-tight:   1.05;
  --kb-lh-snug:    1.18;
  --kb-lh-body:    1.6;
  --kb-lh-loose:   1.75;

  /* Spacing — 4px base */
  --kb-space-1: 0.25rem;
  --kb-space-2: 0.5rem;
  --kb-space-3: 0.75rem;
  --kb-space-4: 1rem;
  --kb-space-5: 1.5rem;
  --kb-space-6: 2rem;
  --kb-space-7: 3rem;
  --kb-space-8: 4rem;
  --kb-space-9: 6rem;
  --kb-space-10: 8rem;

  /* Radii — mostly square, gentle softening on cards/buttons */
  --kb-radius-none: 0;
  --kb-radius-xs:   2px;
  --kb-radius-sm:   4px;
  --kb-radius-md:   6px;
  --kb-radius-lg:   10px;
  --kb-radius-pill: 999px;

  /* Borders */
  --kb-border-w: 1px;
  --kb-border-w-strong: 2px;
  --kb-rule-w-display: 4px;  /* the chunky orange underbar under hero headlines */

  /* Shadows — restrained, courthouse-glass not floaty pastel */
  --kb-shadow-xs: 0 1px 2px rgba(12, 12, 12, 0.06);
  --kb-shadow-sm: 0 2px 6px rgba(12, 12, 12, 0.08);
  --kb-shadow-md: 0 8px 24px rgba(12, 12, 12, 0.10);
  --kb-shadow-lg: 0 16px 48px rgba(12, 12, 12, 0.14);
  --kb-shadow-card: 0 4px 14px rgba(0, 47, 92, 0.10);
  --kb-shadow-focus: 0 0 0 3px rgba(0, 84, 160, 0.35);

  /* Motion */
  --kb-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --kb-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --kb-dur-fast: 140ms;
  --kb-dur-base: 220ms;
  --kb-dur-slow: 420ms;

  /* Layout */
  --kb-container: 1200px;
  --kb-container-narrow: 880px;
  --kb-header-h: 96px;
}

/* ---------- Semantic role classes ----------
   Drop these on elements for instant on-brand type.
   ------------------------------------------------ */

.kb-eyebrow {
  font-family: var(--kb-font-body);
  font-weight: 600;
  font-size: var(--kb-size-eyebrow);
  text-transform: uppercase;
  letter-spacing: var(--kb-tracking-eyebrow);
  color: var(--kb-orange);
}

.kb-hero {
  font-family: var(--kb-font-display);
  font-weight: 400;
  font-size: var(--kb-size-hero);
  line-height: var(--kb-lh-tight);
  letter-spacing: var(--kb-tracking-display);
  color: var(--kb-blue);
  text-transform: uppercase;
}

.kb-h1 {
  font-family: var(--kb-font-body);
  font-weight: 700;
  font-size: var(--kb-size-h1);
  line-height: var(--kb-lh-tight);
  color: var(--kb-blue-900);
  letter-spacing: -0.01em;
}

.kb-h2 {
  font-family: var(--kb-font-body);
  font-weight: 700;
  font-size: var(--kb-size-h2);
  line-height: var(--kb-lh-snug);
  color: var(--kb-blue-900);
  letter-spacing: -0.005em;
}

.kb-h3 {
  font-family: var(--kb-font-body);
  font-weight: 600;
  font-size: var(--kb-size-h3);
  line-height: var(--kb-lh-snug);
  color: var(--kb-blue-900);
}

.kb-h4 {
  font-family: var(--kb-font-body);
  font-weight: 600;
  font-size: var(--kb-size-h4);
  line-height: var(--kb-lh-snug);
  color: var(--kb-blue);
}

.kb-lead {
  font-family: var(--kb-font-body);
  font-weight: 400;
  font-size: var(--kb-size-xl);
  line-height: var(--kb-lh-body);
  color: var(--kb-graphite);
}

.kb-body {
  font-family: var(--kb-font-body);
  font-weight: 400;
  font-size: var(--kb-size-base);
  line-height: var(--kb-lh-body);
  color: var(--kb-ink);
}

.kb-small {
  font-family: var(--kb-font-body);
  font-weight: 400;
  font-size: var(--kb-size-sm);
  line-height: var(--kb-lh-body);
  color: var(--kb-slate);
}

.kb-micro {
  font-family: var(--kb-font-body);
  font-weight: 500;
  font-size: var(--kb-size-xs);
  line-height: 1.4;
  color: var(--kb-mute);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.kb-tagline {
  font-family: var(--kb-font-body);
  font-weight: 700;
  font-size: var(--kb-size-base);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--kb-orange);
}

.kb-quote {
  font-family: var(--kb-font-body);
  font-weight: 300;
  font-style: italic;
  font-size: var(--kb-size-xl);
  line-height: 1.5;
  color: var(--kb-graphite);
}


/* ---- */

/* ============================================================
   Kurtz & Blum — Child Custody landing page
   Art-directed, photography-driven, conversion-focused.
   Tweakable via CSS vars on :root (driven by the Tweaks panel).
   Foundations (Poppins / Bebas / brand colors) from colors_and_type.css
   ============================================================ */

:root {
  /* tweakable */
  --cc-primary:     #0054A0;
  --cc-primary-soft:#3B78B3;
  --cc-accent:      #C58A3A;   /* warm muted orange */
  --cc-accent-deep: #A6712A;
  --cc-paper:       #F7F4EF;   /* warm paper */
  --cc-paper-2:     #EFEAE2;
  --cc-radius:      22px;
  --cc-section-pad: 132px;
  --cc-photo-filter: saturate(1.02) contrast(1.01);

  /* fixed */
  --cc-ink:       #211C16;
  --cc-fg:        #3A332B;
  --cc-fg-mute:   #6B6157;
  --cc-rule:      #E2DACF;
  --cc-hair:      #ECE5DB;
  --cc-card:      #FFFFFF;
  --cc-green:     #1F7A4D;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--kb-font-body); background: var(--cc-paper); color: var(--cc-ink); line-height: 1.6; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }

.cc-wrap { max-width: 1280px; margin: 0 auto; padding: 0 40px; }
.cc-wrap--tight { max-width: 1080px; margin: 0 auto; padding: 0 40px; }

/* photography treatment hook */
[data-photo="warm"]  { --cc-photo-filter: saturate(1.12) contrast(1.02) sepia(0.10); }
[data-photo="soft"]  { --cc-photo-filter: saturate(0.92) contrast(0.97) brightness(1.04); }
[data-photo="natural"]{ --cc-photo-filter: saturate(1.02) contrast(1.01); }
.cc-photo { filter: var(--cc-photo-filter); }

/* ---------- type roles ---------- */
.cc-eyebrow { display:inline-flex; align-items:center; gap:12px; font-size:12.5px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:var(--cc-accent-deep); }
.cc-eyebrow .ln { width:28px; height:1.5px; background:currentColor; }
.cc-display { font-family: var(--kb-font-body); font-weight:300; font-size:clamp(2.6rem,5.4vw,5.2rem); line-height:1.02; letter-spacing:-0.025em; color:var(--cc-ink); margin:0; }
.cc-display em { font-style:italic; font-weight:300; color:var(--cc-primary); }
.cc-h2 { font-family: var(--kb-font-body); font-weight:400; font-size:clamp(2rem,3.4vw,3rem); line-height:1.1; letter-spacing:-0.015em; color:var(--cc-ink); margin:0; }
.cc-h2 em { font-style:italic; color:var(--cc-primary); }
.cc-lead { font-size:19px; line-height:1.7; color:var(--cc-fg-mute); font-weight:400; }

/* ---------- buttons ---------- */
.cc-btn { display:inline-flex; align-items:center; gap:10px; padding:15px 26px; border-radius:999px; font-family:var(--kb-font-body); font-weight:500; font-size:15px; letter-spacing:0.01em; cursor:pointer; border:none; transition:background .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease; }
.cc-btn--primary { background:var(--cc-primary); color:#fff; box-shadow:0 8px 24px -8px color-mix(in srgb, var(--cc-primary) 60%, transparent); }
.cc-btn--primary:hover { background:var(--cc-primary-soft); transform:translateY(-2px); box-shadow:0 14px 30px -10px color-mix(in srgb, var(--cc-primary) 55%, transparent); }
.cc-btn--accent { background:var(--cc-accent); color:#fff; }
.cc-btn--accent:hover { background:var(--cc-accent-deep); transform:translateY(-2px); }
.cc-btn--ghost { background:rgba(255,255,255,0.7); color:var(--cc-ink); border:1px solid var(--cc-rule); backdrop-filter:blur(6px); }
.cc-btn--ghost:hover { background:#fff; }
.cc-btn--lg { padding:18px 32px; font-size:16px; }
.cc-arrow::after { content:"→"; transition:transform .2s; }
.cc-btn:hover .cc-arrow::after { transform:translateX(4px); }

/* ---------- minimal header ---------- */
.cc-header { position:sticky; top:0; z-index:40; background:color-mix(in srgb, var(--cc-paper) 80%, transparent); backdrop-filter:saturate(150%) blur(16px); border-bottom:1px solid transparent; transition:border-color .3s, background .3s; }
.cc-header.is-scrolled { border-bottom-color:var(--cc-hair); background:color-mix(in srgb, var(--cc-paper) 92%, transparent); }
.cc-header__row { max-width:1280px; margin:0 auto; padding:18px 40px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.cc-header__brand { display:flex; align-items:center; gap:14px; }
.cc-header__logo { height:42px; }
.cc-header__crumb { font-size:11px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:var(--cc-fg-mute); border-left:1px solid var(--cc-rule); padding-left:14px; }
.cc-header__right { display:flex; align-items:center; gap:22px; }
.cc-header__phone { display:inline-flex; align-items:center; gap:8px; font-size:14.5px; font-weight:600; color:var(--cc-ink); }
.cc-header__phone svg { width:16px; height:16px; color:var(--cc-accent-deep); }

/* ---------- sticky bottom CTA ---------- */
.cc-sticky { position:fixed; left:0; right:0; bottom:0; z-index:45; transform:translateY(120%); transition:transform .4s var(--kb-ease-out,cubic-bezier(.22,1,.36,1)); }
.cc-sticky.is-shown { transform:translateY(0); }
.cc-sticky__inner { max-width:1280px; margin:0 auto; padding:14px 24px; margin-bottom:18px; background:var(--cc-ink); color:#fff; border-radius:16px; box-shadow:0 18px 50px -16px rgba(0,0,0,.5); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.cc-sticky__msg { display:flex; align-items:center; gap:16px; }
.cc-sticky__msg .t { font-size:16px; font-weight:500; }
.cc-sticky__msg .s { font-size:13px; color:rgba(255,255,255,0.6); }
.cc-sticky__avatars { display:flex; }
.cc-sticky__avatars span { width:38px; height:38px; border-radius:999px; background-size:cover; background-position:center; border:2px solid var(--cc-ink); margin-left:-10px; }
.cc-sticky__cta { display:flex; gap:10px; align-items:center; }
@media (max-width:760px){ .cc-sticky__msg .s, .cc-sticky__avatars { display:none; } }

/* ---------- HERO ---------- */
.cc-hero { position:relative; padding:48px 0 90px; overflow:hidden; }
.cc-hero__grid { display:grid; grid-template-columns:1.04fr 0.96fr; gap:60px; align-items:center; }
.cc-hero__copy { position:relative; z-index:3; }
.cc-hero__display { margin:26px 0 0; }
.cc-hero__lede { margin-top:26px; font-size:19px; line-height:1.7; color:var(--cc-fg-mute); max-width:480px; }
.cc-hero__ctas { display:flex; gap:14px; margin-top:36px; flex-wrap:wrap; align-items:center; }
.cc-hero__rea { margin-top:30px; display:flex; align-items:center; gap:14px; font-size:14px; color:var(--cc-fg-mute); }
.cc-hero__rea .stars { color:var(--cc-accent); letter-spacing:2px; font-size:16px; }

/* layered photo composition */
.cc-hero__art { position:relative; height:600px; }
.cc-hero__img-main { position:absolute; inset:0 0 0 14%; border-radius:var(--cc-radius); overflow:hidden; background:var(--cc-paper-2); box-shadow:0 40px 90px -36px rgba(33,28,22,.42); }
.cc-hero__img-main img { width:100%; height:100%; object-fit:cover; }
.cc-hero__img-sub { position:absolute; left:-8px; bottom:42px; width:200px; height:248px; border-radius:18px; overflow:hidden; border:6px solid var(--cc-paper); box-shadow:0 24px 50px -20px rgba(33,28,22,.4); background:var(--cc-paper-2); }
.cc-hero__img-sub img { width:100%; height:100%; object-fit:cover; }

/* floating review card */
.cc-float-review { position:absolute; right:-10px; top:44px; width:266px; background:var(--cc-card); border-radius:16px; padding:20px 22px; box-shadow:0 24px 60px -22px rgba(33,28,22,.4); z-index:4; }
.cc-float-review .ghead { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.cc-float-review .gdot { width:22px; height:22px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; font-family:var(--kb-font-body); background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.12); }
.cc-float-review .stars { color:var(--cc-accent); letter-spacing:1px; font-size:14px; }
.cc-float-review p { font-size:13.5px; line-height:1.55; color:var(--cc-fg); margin:0 0 12px; font-style:italic; }
.cc-float-review .by { font-size:12px; color:var(--cc-fg-mute); font-weight:600; }

.cc-hero__badge { position:absolute; left:6%; top:18px; z-index:5; background:var(--cc-card); border-radius:16px; padding:14px 20px; box-shadow:0 18px 40px -18px rgba(33,28,22,.4); display:flex; align-items:center; gap:14px; }
.cc-hero__badge img { height:68px; }
.cc-hero__badge .t { font-size:13px; line-height:1.3; }
.cc-hero__badge .t b { display:block; color:var(--cc-ink); font-size:16px; }
.cc-hero__badge .t span { color:var(--cc-fg-mute); }

/* ---------- trust strip ---------- */
.cc-trust { border-top:1px solid var(--cc-hair); border-bottom:1px solid var(--cc-hair); background:color-mix(in srgb,var(--cc-paper) 60%, #fff); }
.cc-trust__row { display:flex; align-items:center; justify-content:space-between; gap:24px 30px; padding:24px 40px; max-width:1280px; margin:0 auto; flex-wrap:wrap; }
.cc-trust__item { display:flex; align-items:center; gap:12px; }
.cc-trust__item .v { font-family:var(--kb-font-body); font-weight:700; font-size:26px; color:var(--cc-primary); line-height:1; }
.cc-trust__item .k { font-size:13px; color:var(--cc-fg-mute); line-height:1.3; max-width:140px; }
.cc-trust__logos { flex:1 1 100%; width:100%; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px 28px; background:var(--cc-ink); padding:20px 36px; border-radius:14px; }
.cc-trust__logos img { height:38px; filter:none; opacity:.95; }
.cc-trust__sep { width:1px; height:38px; background:var(--cc-rule); }

/* ---------- empathy / understanding ---------- */
.cc-empathy { padding:var(--cc-section-pad) 0; position:relative; }
.cc-empathy__grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.cc-empathy__art { position:relative; }
.cc-empathy__art .main { border-radius:var(--cc-radius); overflow:hidden; aspect-ratio:5/6; box-shadow:0 40px 80px -36px rgba(33,28,22,.4); }
.cc-empathy__art .main img { width:100%; height:100%; object-fit:cover; }
.cc-empathy__art .quote-chip { position:absolute; right:-18px; bottom:40px; width:260px; background:var(--cc-primary); color:#fff; padding:24px; border-radius:18px; box-shadow:0 24px 50px -20px rgba(0,84,160,.5); }
.cc-empathy__art .quote-chip p { margin:0; font-size:15px; line-height:1.5; font-style:italic; }
.cc-empathy__art .quote-chip .by { margin-top:12px; font-size:12px; letter-spacing:.06em; color:rgba(255,255,255,.75); }
.cc-empathy__body h2 { margin:20px 0 24px; }
.cc-empathy__body p { font-size:17px; line-height:1.75; color:var(--cc-fg); margin:0 0 18px; }
.cc-empathy__reassure { margin-top:28px; display:flex; flex-direction:column; gap:14px; }
.cc-reassure-row { display:flex; gap:14px; align-items:flex-start; font-size:16px; color:var(--cc-fg); }
.cc-reassure-row .ck { width:26px; height:26px; border-radius:999px; background:color-mix(in srgb,var(--cc-green) 14%,transparent); color:var(--cc-green); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:14px; }

/* ---------- editorial split sections ---------- */
.cc-split { padding:var(--cc-section-pad) 0; }
.cc-split--tint { background:color-mix(in srgb,var(--cc-paper-2) 70%, var(--cc-paper)); }
.cc-split__grid { display:grid; grid-template-columns:1fr 1fr; gap:78px; align-items:center; }
.cc-split__grid.rev .cc-split__art { order:2; }
.cc-split__art { position:relative; }
.cc-split__art .img { border-radius:var(--cc-radius); overflow:hidden; aspect-ratio:4/3.2; box-shadow:0 36px 70px -34px rgba(33,28,22,.38); }
.cc-split__art .img img { width:100%; height:100%; object-fit:cover; }
.cc-split__body h2 { margin:20px 0 22px; }

/* judge checklist */
.cc-checklist { display:flex; flex-direction:column; gap:0; margin-top:8px; }
.cc-check { display:flex; gap:18px; padding:20px 0; border-top:1px solid var(--cc-rule); }
.cc-check:last-child { border-bottom:1px solid var(--cc-rule); }
.cc-check__n { font-family:var(--kb-font-body); font-weight:700; font-size:15px; color:var(--cc-accent-deep); flex-shrink:0; width:30px; }
.cc-check__t { font-size:17px; font-weight:600; color:var(--cc-ink); margin:0 0 4px; }
.cc-check__d { font-size:15px; color:var(--cc-fg-mute); margin:0; line-height:1.6; }

/* ---------- process timeline ---------- */
.cc-process { padding:var(--cc-section-pad) 0; }
.cc-process__head { max-width:680px; margin-bottom:60px; }
.cc-process__head h2 { margin:18px 0 14px; }
.cc-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; }
.cc-step { padding:0 28px 0 0; position:relative; }
.cc-step__bar { height:3px; background:var(--cc-rule); border-radius:2px; margin-bottom:24px; position:relative; overflow:hidden; }
.cc-step__bar::after { content:""; position:absolute; inset:0; width:var(--fill,40%); background:var(--cc-accent); border-radius:2px; }
.cc-step__n { font-family:var(--kb-font-body); font-weight:700; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--cc-accent-deep); margin-bottom:12px; }
.cc-step__t { font-size:20px; font-weight:600; color:var(--cc-ink); margin:0 0 10px; line-height:1.2; }
.cc-step__d { font-size:15px; color:var(--cc-fg-mute); margin:0; line-height:1.6; }

/* ---------- how we help (overlapping cards) ---------- */
.cc-help { padding:var(--cc-section-pad) 0; background:var(--cc-ink); color:#fff; position:relative; overflow:hidden; }
.cc-help__head { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:flex-end; margin-bottom:56px; }
.cc-help__head h2 { color:#fff; }
.cc-help__head h2 em { color:var(--cc-accent); font-style:italic; }
.cc-help__head .cc-lead { color:rgba(255,255,255,.66); }
.cc-help__head .cc-eyebrow { color:var(--cc-accent); }
.cc-help-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.cc-help-card { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:var(--cc-radius); padding:38px 40px; transition:background .3s, transform .3s; }
.cc-help-card:hover { background:rgba(255,255,255,.08); transform:translateY(-3px); }
.cc-help-card__ic { width:52px; height:52px; border-radius:14px; background:color-mix(in srgb,var(--cc-accent) 22%, transparent); color:var(--cc-accent); display:flex; align-items:center; justify-content:center; margin-bottom:22px; }
.cc-help-card h3 { font-size:22px; font-weight:600; margin:0 0 12px; color:#fff; }
.cc-help-card p { font-size:15.5px; line-height:1.65; color:rgba(255,255,255,.66); margin:0; }

/* ---------- attorney credibility ---------- */
.cc-attorney { padding:var(--cc-section-pad) 0; }
.cc-attorney__grid { display:grid; grid-template-columns:0.85fr 1.15fr; gap:70px; align-items:center; }
.cc-attorney__art { position:relative; }
.cc-attorney__photo { border-radius:var(--cc-radius); overflow:hidden; aspect-ratio:4/5; box-shadow:0 40px 80px -36px rgba(33,28,22,.4); }
.cc-attorney__photo img { width:100%; height:100%; object-fit:cover; }
.cc-attorney__cred { position:absolute; right:-22px; bottom:-22px; background:var(--cc-card); border-radius:16px; padding:18px 22px; box-shadow:0 24px 50px -20px rgba(33,28,22,.4); display:flex; gap:18px; }
.cc-attorney__cred .it { text-align:center; }
.cc-attorney__cred .v { font-family:var(--kb-font-body); font-weight:700; font-size:26px; color:var(--cc-primary); line-height:1; }
.cc-attorney__cred .k { font-size:11px; color:var(--cc-fg-mute); margin-top:4px; letter-spacing:.04em; }
.cc-attorney__quote { font-family:var(--kb-font-body); font-weight:300; font-style:italic; font-size:clamp(1.5rem,2.3vw,2rem); line-height:1.35; color:var(--cc-ink); margin:22px 0 28px; letter-spacing:-.01em; }
.cc-attorney__quote::before { content:"“"; color:var(--cc-accent); }
.cc-attorney__sign { display:flex; align-items:center; gap:14px; padding-top:24px; border-top:1px solid var(--cc-rule); }
.cc-attorney__sign img { width:44px; height:44px; }
.cc-attorney__sign .nm { font-size:16px; font-weight:600; color:var(--cc-ink); }
.cc-attorney__sign .rl { font-size:13px; color:var(--cc-fg-mute); }

/* ---------- floating reviews band ---------- */
.cc-reviews { padding:var(--cc-section-pad) 0; background:var(--cc-paper-2); position:relative; overflow:hidden; }
.cc-reviews__head { text-align:center; max-width:640px; margin:0 auto 60px; }
.cc-reviews__head h2 { margin:18px 0 14px; }
.cc-reviews__masonry { columns:3; column-gap:24px; max-width:1140px; margin:0 auto; }
.cc-review { break-inside:avoid; background:var(--cc-card); border-radius:18px; padding:28px 30px; margin-bottom:24px; box-shadow:0 14px 40px -22px rgba(33,28,22,.3); }
.cc-review.feat { background:var(--cc-primary); color:#fff; }
.cc-review .gh { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.cc-review .stars { color:var(--cc-accent); letter-spacing:2px; font-size:16px; }
.cc-review.feat .stars { color:#FFCB7D; }
.cc-review .gicon { width:22px; height:22px; }
.cc-review p { font-size:15.5px; line-height:1.62; color:var(--cc-fg); margin:0 0 18px; }
.cc-review.feat p { color:#fff; font-size:18px; font-style:italic; }
.cc-review__by { display:flex; align-items:center; gap:12px; }
.cc-review__av { width:40px; height:40px; border-radius:999px; background-size:cover; background-position:center; }
.cc-review__nm { font-size:14px; font-weight:600; color:var(--cc-ink); }
.cc-review.feat .cc-review__nm { color:#fff; }
.cc-review__cs { font-size:12px; color:var(--cc-fg-mute); }
.cc-review.feat .cc-review__cs { color:rgba(255,255,255,.7); }

/* ---------- FAQ ---------- */
.cc-faq { padding:var(--cc-section-pad) 0; }
.cc-faq__grid { display:grid; grid-template-columns:0.8fr 1.2fr; gap:70px; align-items:flex-start; }
.cc-faq__head h2 { margin:18px 0 18px; }
.cc-faq__list { display:flex; flex-direction:column; }
.cc-faq__item { border-top:1px solid var(--cc-rule); padding:26px 0; cursor:pointer; }
.cc-faq__item:last-child { border-bottom:1px solid var(--cc-rule); }
.cc-faq__q { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.cc-faq__q h4 { margin:0; font-size:18px; font-weight:600; color:var(--cc-ink); line-height:1.4; }
.cc-faq__plus { width:28px; height:28px; border-radius:999px; border:1px solid var(--cc-rule); display:flex; align-items:center; justify-content:center; font-size:17px; color:var(--cc-primary); flex-shrink:0; transition:transform .24s, background .24s, color .24s; }
.cc-faq__item.open .cc-faq__plus { transform:rotate(45deg); background:var(--cc-primary); color:#fff; border-color:var(--cc-primary); }
.cc-faq__a { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.cc-faq__item.open .cc-faq__a { max-height:320px; }
.cc-faq__a p { padding-top:14px; margin:0; font-size:15.5px; line-height:1.7; color:var(--cc-fg-mute); max-width:640px; }

/* ---------- consultation CTA ---------- */
.cc-cta { padding:var(--cc-section-pad) 0; }
.cc-cta__card { position:relative; border-radius:var(--cc-radius); overflow:hidden; display:grid; grid-template-columns:1.06fr 0.94fr; box-shadow:0 50px 100px -44px rgba(33,28,22,.5); }
.cc-cta__media { position:relative; background-size:cover; background-position:center; min-height:560px; }
.cc-cta__media::after { content:""; position:absolute; inset:0; background:linear-gradient(160deg, rgba(0,47,92,.30), rgba(0,47,92,.62)); }
.cc-cta__media-quote { position:absolute; left:40px; bottom:40px; right:40px; z-index:2; color:#fff; }
.cc-cta__media-quote .stars { color:var(--cc-accent); letter-spacing:2px; font-size:18px; }
.cc-cta__media-quote p { font-size:20px; line-height:1.5; font-style:italic; font-weight:300; margin:14px 0 12px; }
.cc-cta__media-quote .by { font-size:13px; color:rgba(255,255,255,.8); letter-spacing:.06em; }
.cc-cta__panel { background:var(--cc-ink); color:#fff; padding:56px 54px; }
.cc-cta__panel .cc-eyebrow { color:var(--cc-accent); }
.cc-cta__panel h2 { color:#fff; font-weight:400; margin:16px 0 14px; font-size:clamp(1.9rem,2.8vw,2.6rem); line-height:1.12; letter-spacing:-.01em; }
.cc-cta__panel h2 em { font-style:italic; color:var(--cc-accent); }
.cc-cta__panel .sub { color:rgba(255,255,255,.7); font-size:16px; line-height:1.6; margin:0 0 30px; }
.cc-cta__form .row { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:14px; }
.cc-cta__form label { display:block; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.6); margin-bottom:8px; }
.cc-cta__form input, .cc-cta__form select { width:100%; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.2); border-radius:12px; padding:14px 18px; font-family:var(--kb-font-body); color:#fff; font-size:14.5px; outline:none; transition:border-color .2s, background .2s; }
.cc-cta__form input::placeholder { color:rgba(255,255,255,.45); }
.cc-cta__form input:focus, .cc-cta__form select:focus { border-color:var(--cc-accent); background:rgba(255,255,255,.12); }
.cc-cta__form button { width:100%; margin-top:8px; background:var(--cc-accent); color:#fff; border:0; border-radius:999px; padding:17px; font-size:15px; font-weight:600; cursor:pointer; transition:background .2s, transform .2s; }
.cc-cta__form button:hover { background:var(--cc-accent-deep); transform:translateY(-1px); }
.cc-cta__assure { margin-top:18px; display:flex; align-items:center; gap:10px; font-size:12.5px; color:rgba(255,255,255,.55); }
.cc-cta__assure svg { width:15px; height:15px; color:var(--cc-green); flex-shrink:0; }

/* ---------- slim footer ---------- */
.cc-foot { padding:40px 0; border-top:1px solid var(--cc-hair); }
.cc-foot__row { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.cc-foot__brand { display:flex; align-items:center; gap:16px; }
.cc-foot__brand img { height:38px; }
.cc-foot__brand span { font-size:13px; color:var(--cc-fg-mute); max-width:280px; line-height:1.5; }
.cc-foot__meta { font-size:13px; color:var(--cc-fg-mute); text-align:right; line-height:1.6; }
.cc-foot__meta a { color:var(--cc-primary); font-weight:600; }

/* ---------- reveal-on-scroll ---------- */
.cc-reveal { opacity:0; transform:translateY(22px); transition:opacity .7s var(--kb-ease-out,cubic-bezier(.22,1,.36,1)), transform .7s var(--kb-ease-out,cubic-bezier(.22,1,.36,1)); }
.cc-reveal.in { opacity:1; transform:none; }

/* ---------- responsive ---------- */
@media (max-width:980px) {
  .cc-hero__grid, .cc-empathy__grid, .cc-split__grid, .cc-attorney__grid, .cc-faq__grid, .cc-help__head, .cc-cta__card { grid-template-columns:1fr; gap:48px; }
  .cc-split__grid.rev .cc-split__art { order:0; }
  .cc-steps { grid-template-columns:1fr 1fr; gap:32px 24px; }
  .cc-help-grid { grid-template-columns:1fr; }
  .cc-reviews__masonry { columns:2; }
  .cc-hero__art { height:460px; }
  .cc-header__crumb, .cc-header__phone { display:none; }
  .cc-float-review { display:none; }
  .cc-cta__media { min-height:300px; }
}
@media (max-width:600px) {
  .cc-wrap, .cc-wrap--tight { padding:0 22px; }
  .cc-steps, .cc-reviews__masonry { columns:1; grid-template-columns:1fr; }
  .cc-cta__form .row { grid-template-columns:1fr; }
  .cc-help-card, .cc-cta__panel { padding:30px 26px; }
}