@scope (#main) to (#top) {
/* Shared scale for the selected section implementations (Blocks 02–07). */
:root {
  --section-title-size: 56px;
  --section-mode-size: 42px;
  --section-card-size: 30px;
  --section-body-size: 16px;
  --section-note-size: 14px;
  --section-label-size: 11px;
  --section-number-size: 92px;
  --section-inset: clamp(24px, 4vw, 64px);
  --section-content-max: 1280px;
  --section-gutter: 16px;
  --section-cream: #f8efe3;
  --section-ink: #3a0317;
  --section-rule: #b99058;
  --section-ambient-ease: cubic-bezier(.45, 0, .55, 1);
}

@media (max-width: 1100px) {
  :root {
    --section-title-size: 48px;
    --section-mode-size: 38px;
    --section-card-size: 28px;
  }
}

@media (max-width: 620px) {
  :root {
    --section-title-size: 38px;
    --section-mode-size: 34px;
    --section-body-size: 15px;
    --section-number-size: 76px;
    --section-inset: 20px;
    --section-gutter: 14px;
  }
}

@media (max-width: 360px) {
  :root { --section-title-size: 34px; }
}

}

@scope (#footer) {
/* Shared scale for the selected section implementations (Blocks 02–07). */
:root {
  --section-title-size: 56px;
  --section-mode-size: 42px;
  --section-card-size: 30px;
  --section-body-size: 16px;
  --section-note-size: 14px;
  --section-label-size: 11px;
  --section-number-size: 92px;
  --section-inset: clamp(24px, 4vw, 64px);
  --section-content-max: 1280px;
  --section-gutter: 16px;
  --section-cream: #f8efe3;
  --section-ink: #3a0317;
  --section-rule: #b99058;
  --section-ambient-ease: cubic-bezier(.45, 0, .55, 1);
}

@media (max-width: 1100px) {
  :root {
    --section-title-size: 48px;
    --section-mode-size: 38px;
    --section-card-size: 28px;
  }
}

@media (max-width: 620px) {
  :root {
    --section-title-size: 38px;
    --section-mode-size: 34px;
    --section-body-size: 15px;
    --section-number-size: 76px;
    --section-inset: 20px;
    --section-gutter: 14px;
  }
}

@media (max-width: 360px) {
  :root { --section-title-size: 34px; }
}

}