:root {
  color-scheme: dark;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  color: #f2f5f4;
  background: #000 url("pic/IMG-20261014-WA0028.jpg") center / cover fixed no-repeat;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }

.page {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 72px 10vw;
}

.page-header { flex: 0 0 100%; margin-bottom: 24px; }
.brand-image {
  display: block;
  flex: 0 0 88vw;
  width: 88vw;
  height: 792px;
  margin-inline: -4vw;
  object-fit: contain;
}
.eyebrow { margin: 0 0 8px; color: #63d7bd; font-size: 12px; font-weight: 700; text-transform: uppercase; }
h1 { margin: 0; font-size: 36px; line-height: 1.1; }
.intro { margin: 10px 0 0; color: #c0cccf; }

.thumbnail-link {
  display: block;
  flex: 0 0 calc((100% - 24px) / 4);
  width: calc((100% - 24px) / 4);
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 4px;
  border: 10px solid #104224;
}

.thumbnail-link img { display: block; width: 100%; height: 100%; object-fit: cover; }
.thumbnail-link:focus-visible { outline: 3px solid #287568; outline-offset: 2px; }

@media (max-width: 480px) {
  .page { padding: 48px 10vw; }
}