/* ═══════════════════════════════════════════════════════════════════════
   FIDA — TERMS & CONDITIONS  ·  PRIVACY POLICY
   1:1 builds of Figma frames 248:6073 (1440 × 2806) and 248:6193
   (1440 × 2126). The two pages are structurally identical — black hero,
   long body on white, CTA, footer — so they share this stylesheet and set
   only --stage-h themselves.
   ═══════════════════════════════════════════════════════════════════════ */

:root{ --ink-body:#363636; }
.stage{background:var(--white)}

/* ── z-order · Figma children[0] paints first ─────────────────────────── */
.sec-footer{z-index:1}
.sec-cta   {z-index:2}
.sec-body  {z-index:3}
.sec-hero  {z-index:4}
.sec-nav   {z-index:5}

/* ── hero · 1440 × 445 · flat #000000, no image on these two pages ────── */
.sec-hero{background:var(--ink)}
.f-mb60{font:400 60px/72px var(--ff-banner)}   /* the page title, Miller Banner */
.f-i12l{font:300 12px/14.52px var(--ff-sans)}  /* the standfirst               */

/* the navbar is a SOLID black bar here, not the transparent one used on
   SERVICES / PORTFOLIO, and its 0.5px rule sits at the very top edge (y=0)
   rather than under the bar — reproduced from the frame as-is.          */
.sec-nav{background:var(--ink);overflow:visible}
.sec-nav .logo-nav{position:absolute;display:block}

/* ── the long body ─────────────────────────────────────────────────────
   One Figma text node per page. The numbered headings are a character-level
   override inside it — Inter Medium at 24px — not separate elements, so
   they are spans and the block keeps its single line-height rhythm.     */
.lg-body{
  position:absolute;color:var(--ink-body);
  font:300 14px/16.94px var(--ff-sans);
  white-space:normal;
}
.lg-body.w400{font-weight:400}          /* PRIVACY's base weight */
.lg-h {font-weight:500;font-size:24px}  /* "1. Website Content", "Contact", … */
.lg-s24{font-weight:300}
.lg-s25{font-weight:inherit}