/* Sections, the section with one photo and copy, and the about-us page (/o-nas). */

  /* ——— Sections ——— */

  .kl__section { padding: clamp(56px, 8vw, 104px) 0; }

  /* ——— Section with one photo and copy ——— */

  .kl__split { display: grid; grid-template-columns: .85fr 1fr; gap: clamp(28px, 5vw, 72px); align-items: center; }
  .kl__split-figure { margin: 0; }
  .kl__split-img { width: 100%; height: auto; display: block; background: var(--sky); }
  .kl__split-copy p { color: var(--ink-soft); max-width: 52ch; }
  .kl__split-copy p + p { margin-top: 14px; }

  /* ——— About us ——— */

  /* Longer, story-like copy on the .kl__split layout: explicit paragraph margins (no browser defaults), a display
     lead and subheading, and a closing line set off by a short garnet hairline — the accent lives in lines. */
  .kl__about p { margin: 0; }
  .kl__about p + p { margin-top: 14px; }
  .kl__about .kl__about-lead {
    margin-bottom: 20px;
    font-family: var(--font-display);
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.35;
    color: var(--ink);
  }
  .kl__about .kl__about-signoff { position: relative; margin-top: 24px; padding-top: 18px; color: var(--ink); }
  .kl__about-signoff::before { content: ""; position: absolute; top: 0; left: 0; width: 48px; border-top: 1px solid var(--accent); }
  /* The about-us page (/o-nas): its two sections closer together, the first close under the navbar. */
  .kl__about-page .kl__section { padding: clamp(24px, 4vw, 44px) 0; }
  .kl__about-page .kl__section:last-child { padding-bottom: clamp(56px, 8vw, 88px); }