/* First-fold proportions only. Content, media, controls and section architecture stay intact. */
#hero > .max-w-7xl {
  width: calc(100% - clamp(48px,7vw,120px));
  max-width: 1560px;
  padding-inline: 0;
}
#hero .health-hero-copy { padding: clamp(26px,2.8vw,44px); }
#hero h1 {
  font-size: clamp(2.75rem,3.8vw,4rem);
  line-height: 1.1;
  max-width: 22ch;
}
#hero .hero-enter-photo > div:first-child { max-width: min(clamp(400px,27vw,500px),calc((100svh - 128px) * .8)); }
#hero .hero-enter-photo h2 { font-size: clamp(1.12rem,1.4vw,1.45rem); }
#hero .hero-enter-photo p { font-size: .82rem; }
@media(min-width:1024px) {
  #hero { padding-block: 76px 52px; }
  #hero > .max-w-7xl > .grid { grid-template-columns: minmax(0,7fr) minmax(0,5fr); gap: clamp(40px,4vw,72px); }
  #hero .health-hero-copy, #hero .hero-enter-photo { grid-column: auto; min-width: 0; }
}
@media(min-width:768px) and (max-width:1023px) {
  #hero > .max-w-7xl > .grid { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 28px; }
  #hero .health-hero-copy { padding: 24px; }
  #hero h1 { font-size: clamp(2.15rem,4.2vw,2.65rem); }
  #hero .hero-enter-photo > div:first-child { max-width: 344px; }
  #hero .hero-enter-photo h2 { font-size: 1.12rem; }
  #hero .hero-enter-photo p { font-size: .74rem; }
}
@media(max-width:767px) {
  #hero { padding-block: 64px 26px; }
  #hero > .max-w-7xl { width: 100%; max-width: 540px; padding-inline: 18px; }
  #hero > .max-w-7xl > .grid { gap: 18px; }
  #hero .health-hero-copy { padding: 18px; }
  #hero .health-hero-copy > p:first-child { font-size: .67rem; line-height: 1.5; }
  #hero h1 { font-size: clamp(1.86rem,8vw,2.2rem); line-height: 1.1; max-width: 22ch; margin-block: 12px; }
  #hero .hero-enter-photo > div:first-child { width: 78%; max-width: 296px; }
  #hero .hero-enter-photo > div:first-child > img { aspect-ratio: 1 / 1.06; object-position: 50% 42%; }
  #hero .hero-enter-photo .pt-12 { padding: 32px 26px 12px 10px; }
  #hero .hero-enter-photo h2 { font-size: 1.06rem; }
  #hero .hero-enter-photo p { font-size: .7rem; }
}
@media(max-width:380px) {
  #hero > .max-w-7xl { padding-inline: 16px; }
  #hero .health-hero-copy { padding: 18px 16px; }
  #hero h1 { font-size: clamp(1.78rem,8.15vw,1.94rem); }
  #hero .hero-enter-photo > div:first-child { width: 78%; max-width: 280px; }
  #hero .hero-enter-photo h2 { font-size: 1rem; }
  #hero .hero-enter-photo p { font-size: .69rem; }
}
@media(max-width:340px) {
  #hero { padding-block: 60px 18px; }
  #hero > .max-w-7xl { padding-inline: 12px; }
  #hero > .max-w-7xl > .grid { gap: 14px; }
  #hero .health-hero-copy { padding: 16px 14px; }
  #hero .health-hero-copy > p:first-child { font-size: .61rem; }
  #hero h1 { font-size: 1.7rem; max-width: none; }
  #hero .health-hero-copy .hero-enter-4 { margin-top: 12px; }
}