main { min-height: 100vh; }

.intro .site-header {
  max-width: none;
  margin: 0 0 clamp(32px, 5vw, 64px);
  padding: 0;
}

.intro .site-header > a:last-child { color: #e7f4ee; }

.intro h1 { font-size: clamp(2.4rem, 3.6vw, 3.75rem); }

.intro .site-header a:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 202px;
  height: 60px;
  overflow: hidden;
  flex: none;
  background: transparent;
}

.site-header .header-logo {
  display: block;
  width: 188px;
  height: 42px;
  flex: none;
}

.capacity-note {
  margin: 20px 0 0;
  padding: 14px 16px;
  border: 1px solid #d0e4d7;
  border-radius: 12px;
  background: #eff7f0;
  color: #24564c;
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.6;
}

@media (max-width: 480px) {
  .intro .site-header { gap: 8px; margin-bottom: 30px; }
  .site-header a:first-child { width: 175px; height: 54px; }
  .site-header .header-logo { width: 166px; }
  .site-header > a:last-child { font-size: .74rem; white-space: nowrap; }
}