/* One measured anchor offset shared by all primary navigation destinations. */
:root {
  --measured-sticky-header-height: 86px;
  --section-anchor-clearance: 16px;
}
html { scroll-padding-top: 0 !important; }
main section[id], footer[id] {
  scroll-margin-top: calc(var(--measured-sticky-header-height) + var(--section-anchor-clearance));
}

/* The final contact panel is the document end. Use its existing image-backed
   surface to provide a complete closing first frame at every viewport size. */
footer#contact {
  min-height: calc(100svh - var(--measured-sticky-header-height) - var(--section-anchor-clearance));
  display: block;
}