/* Content is entered through the pool, never by scrolling the home page. */
html.pool-entry main > section:not(.hero),
html.pool-entry body > #contact,
html.pool-entry .pool-caption,
html.pool-entry .mobile-menu { display: none; }
html.pool-entry[data-pool-page="beyond"] #beyond,
html.pool-entry[data-pool-page="contact"] body > #contact { display: block; }
html.pool-entry:not(.project-is-open):not(.beyond-pool-open) { height: 100%; overflow: hidden; }
html.pool-entry:not(.project-is-open):not(.beyond-pool-open) body.pool-home {
  height: 100svh; min-height: 0; overflow: clip; display: flex; flex-direction: column;
}
html.pool-entry:not(.project-is-open):not(.beyond-pool-open) .site-header { flex: 0 0 44px; }
html.pool-entry:not(.project-is-open):not(.beyond-pool-open) main {
  flex: 1; min-height: 0; display: grid; place-items: center; padding: 0 0 12px; translate: none !important;
}
html.pool-entry:not(.project-is-open):not(.beyond-pool-open) .pool-home .hero {
  width: min(93.4vw, calc((100svh - 68px) * 1.78));
  height: auto; min-height: 0; max-height: none; aspect-ratio: 1.78;
  margin: 0; flex-shrink: 0;
}
html.pool-entry.beyond-pool-open .site-header { display: none; }
html.pool-entry.beyond-pool-open main { padding-top: 116px; }
html.pool-entry[data-pool-page="contact"] #contact { margin: 128px 3.3% 24px; }
html.pool-entry[data-pool-page="contact"] main { padding: 0; }
@media(max-width:760px) {
  html.pool-entry:not(.project-is-open):not(.beyond-pool-open) .pool-home .hero {
    width: min(calc(100vw - 24px), calc((100svh - 68px) * 2 / 3)); aspect-ratio: 2 / 3;
  }
}

html.pool-entry.beyond-pool-open .pool-return-home { white-space: nowrap; font-size: 11px; padding-inline: 4px; }

/* The lemon opens a continuous introduction, experience, interests and contact page. */
html.pool-entry[data-pool-page="beyond"] main > #about,
html.pool-entry[data-pool-page="beyond"] main > #experience,
html.pool-entry[data-pool-page="beyond"] body > #contact { display: block; }
html.pool-entry[data-pool-page="beyond"] body > #contact { margin-top: 32px; }
.pool-home .home-contact-link {
  grid-column: -2 / -1; justify-self: end;
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 32px; padding: 5px 14px;
  border: 1px solid #073b6730; border-radius: 20px;
  color: #073b67; background: #ffffff80; font-size: 12px;
}
.pool-home .home-contact-link:hover { background: #fff; border-color: #073b6770; }

/* Remove one grid square of excess space above the home pool. */
html.pool-entry:not(.project-is-open):not(.beyond-pool-open) main {
  --home-pool-height: min(calc(93.4vw / 1.78), calc(100svh - 68px));
  align-items: start;
  padding-top: max(12px, calc((100svh - 56px - var(--home-pool-height)) / 2 - 40px));
}
@media(max-width:760px) {
  html.pool-entry:not(.project-is-open):not(.beyond-pool-open) main {
    --home-pool-height: min(calc((100vw - 24px) * 1.5), calc(100svh - 68px));
  }
}