/* aesthetics.biomedics.ch: one screen, the logo in the middle, Contact Us below,
   and a "part of Biomedics" line at the bottom. */

.teaser {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
}

.teaser__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 48px;
  padding: 0 var(--gutter);
}
.teaser__brand { margin: 0; line-height: 0; }
.teaser__logo { width: 320px; height: auto; aspect-ratio: 246 / 40; }

.teaser__foot {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 16px 32px;
  color: var(--ink-2);
  font: 14px/15.4px var(--font-book);
}
.teaser__foot a { display: block; transition: opacity 0.2s ease; }
.teaser__foot a:hover { opacity: 0.6; }
.teaser__parent { width: 128px; height: 11px; }

@media (max-width: 809.98px) {
  .teaser__main { gap: 36px; }
  .teaser__logo { width: 240px; }
}