* { box-sizing: border-box; }
body { margin: 0; background: #fae6bf; }
.hero {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  background: #fae6bf url("assets/coast.webp") center / 100% 100% no-repeat;
}
.announcement {
  width: 96%;
  text-align: center;
  transform: translateY(-10vh);
}
.logo { display: block; width: min(22vw, 430px); height: auto; margin: 0 auto; }
h1 {
  margin: 0.26em 0 0;
  color: #203d24;
  font: 900 clamp(2rem, 9.5vw, 13rem)/1 Arial, Helvetica, sans-serif;
  letter-spacing: -0.045em;
}
@media (max-aspect-ratio: 1/1) {
  .hero { background-size: auto 100%; }
  .logo { width: min(46vw, 270px); }
  .announcement { transform: translateY(-6vh); }
  h1 { margin-top: 0.55em; font-size: 12vw; }
}