/* Homepage-only fullscreen; retain original photograph and animated lettering. */
main > #home.hero {
  width:100%; height:100vh; height:100dvh;
  min-height:0; max-height:none; aspect-ratio:auto;
  background-size:cover; background-position:center; background-repeat:no-repeat;
  overflow:hidden;
}
main > #home.hero .hero-lettering {
  left:50%; top:50%; transform:translate(-50%,-50%);
  width:27.86458%; height:auto; max-height:none;
  aspect-ratio:535 / 249; object-fit:contain;
}
@media(max-width:760px) {
  main > #home.hero .hero-lettering {width:76%}
}
/* Limit width by available height so both the image and SVG reveal stay identical. */
@supports(width:min(1px,2px)) {
  main > #home.hero .hero-lettering {
    width:min(27.86458vw,calc((100vh - 164px) * 2.148594));
    width:min(27.86458vw,calc((100dvh - 164px) * 2.148594));
  }
  @media(max-width:760px) {
    main > #home.hero .hero-lettering {
      width:min(76vw,calc((100vh - 150px) * 2.148594));
      width:min(76vw,calc((100dvh - 150px) * 2.148594));
    }
  }
}
main > #home.hero .hero-photo-credit {
  bottom:max(20px,env(safe-area-inset-bottom,0px));
  right:max(24px,10%,env(safe-area-inset-right,0px));
}
@media(max-width:760px) {
  main > #home.hero .hero-photo-credit {
    bottom:max(14px,env(safe-area-inset-bottom,0px));
    right:max(20px,env(safe-area-inset-right,0px));
  }
}