:root { --font: Arial, "Helvetica Neue", sans-serif; }
.header { flex-wrap: wrap; padding: 18px 0; }
.brand { margin-right: auto; min-width: 0; }
.brand-tagline {
  max-width: 260px; line-height: 1.5;
  letter-spacing: .04em; text-transform: none;
}
h1, h2, h3 { line-height: 1.25; letter-spacing: -.02em; }
.hero-copy > p { line-height: 1.7; }
.hero-visual figcaption {
  max-width: calc(100% - 36px);
  line-height: 1.6; white-space: normal;
}
a[aria-disabled="true"] { cursor: default; }
a[aria-disabled="true"]:hover { transform: none; filter: none; }
@media (max-width: 620px) {
  .header { gap: 10px; }
  .brand { flex-basis: 100%; }
  .brand-tagline { font-size: 9px; }
  h1 { font-size: 34px; }
  .hero-visual, .hero-visual img { height: 650px; }
  .hero-copy { bottom: 110px; }
}