body {
  background: black;
}

.main {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 1fr);
  height: 100vh;
}

.main h1 {
  grid-column: 3/7;
  grid-row: 2/3;
  color: white;
  font-size: clamp(100%, 1rem + 8vw, 200px);
}

.hero {
  grid-column: 1/-1;
  grid-row: 1/-1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.logo {
  fill: white;
  grid-column: 3/7;
  grid-row: 3/-1;
}

.logo > svg {
  display: block;
}
