/* Anchor clearance: .header-in is 86px (78px <=620px), plus its 1px border.
   Main starts after the in-flow sticky header: #top must return to scrollY=0.
   Contacts also need a 16px gap. Other sections retain their existing offsets. */
#top {
  scroll-margin-top: calc(86px + 1px);
}

#contacts {
  scroll-margin-top: calc(86px + 1px + 16px);
}

@media (max-width: 620px) {
  #top {
    scroll-margin-top: calc(78px + 1px);
  }

  #contacts {
    scroll-margin-top: calc(78px + 1px + 16px);
  }
}