/* ===========================================================================
   CE-30 · Nagłówek strony (page head)
   Root:     section.ce-page-head – opens a sub-page that has no hero (lists
             such as Case studies, later Insights): a large H1 alone, set on
             the page margin (.lf-wrap, 50 px; 20 px on a phone)
   Parts:    __title (the page's only <h1>), __eyebrow (optional, with
             .lf-eyebrow, above the H1), __lead (optional short paragraph
             under the H1)
   Variants: none
   Mechanics: the H1 comes in with the kit's sweep (data-reveal-text="sweep",
             site.js): each line is filled by a gradient with a red leading
             edge, as the Home hero; the optional eyebrow and lead use
             data-appear. Reduced motion: shown at once.
   Layout:   Figma web-design-2026, frame 4071:7686, node 4071:7766: H1 60 px
             TT Hoves Pro Expanded Regular, line 1.15, −2.04 px, #0A2526,
             945 px wide; its top 296 px below the top of the page (the
             header is 72 px, so 224 px above it here) and 100 px above the
             next block. From a 1600 px window the design's sizes, below it
             proportionally with floors.
   Base:     case-studies.html#naglowek · registry: ce-registry.js → CE-30
   =========================================================================== */

.ce-page-head {
  padding-block: clamp(80px, 14vw, 224px) clamp(48px, 6.25vw, 100px);
}

.ce-page-head__eyebrow { margin-bottom: clamp(20px, 2.3vw, 37px); }

.ce-page-head__title {
  max-width: 15.75em;                     /* 945 px at 60 px */
  font-family: var(--font-heading);
  font-size: clamp(2rem, 3.75vw, 60px);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.034em;                /* −2.04 px at 60 px */
  color: var(--ui-text);
}

.ce-page-head__lead {
  max-width: 40rem;
  margin-top: clamp(20px, 2vw, 32px);
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  line-height: 1.5;
  color: var(--ui-text);
}