/* Home page only: the entrance, then three plastic panels. */
main { padding-top: var(--space-5); }

#top { position: relative; isolation: isolate; overflow: hidden; margin: 0 calc(-1 * var(--space-2)); padding: var(--space-5) var(--space-2) var(--space-4); }
#top h1 { margin: var(--space-2) 0; font-size: clamp(2.6rem, 1.6rem + 5vw, 6rem); line-height: 0.92; }
#top .lede { max-width: 34ch; font-size: var(--step-1); font-weight: 500; }
#top .notice { margin-top: var(--space-3); }
/* The level number, molded into the wall. */
#top::after {
  content: "0"; position: absolute; z-index: -1; right: -0.08em; top: -0.22em; pointer-events: none;
  color: var(--gloss); font-size: clamp(14rem, 36vw, 28rem); font-weight: 900; line-height: 1;
  text-shadow: 0 2px 0 var(--shade-soft), 0 -1px 0 var(--plastic-hi);
}

.rooms { display: grid; gap: var(--space-3); margin-top: var(--space-3); }
.rooms .panel h2 { margin-top: 0; }
.rooms .panel p:last-child { margin-bottom: 0; }
#contact a[href^="mailto:"] { font-weight: 700; }

@media (min-width: 48rem) {
  .rooms { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rooms .panel { padding: var(--space-3) var(--space-3) var(--space-4); }
}