:root {
  --step-display-xl: clamp(2.5rem, min(6.8vw, 11vh), 6.5rem);
  --tracking-display-xl: -0.025em;
  --lh-display-xl: .94;
}
.micro { font-family: var(--font-body); font-weight: 700; font-size: var(--step--2); line-height: 1.3; letter-spacing: .12em;
  text-transform: uppercase; font-variant-numeric: tabular-nums lining-nums; font-feature-settings: "tnum" 1; }
.slides { position: relative; order: -1; }
.slides__stage { position: relative; height: max(520px, calc(100vh - var(--header-h))); height: max(520px, calc(100svh - var(--header-h))); overflow: hidden; overflow: clip; }
.slide { position: absolute; inset: 0; opacity: 0; transition: opacity 420ms var(--ease-standard); }
.slide.is-on { opacity: 1; transition: opacity 700ms var(--ease-emphasized-decel); }
.slide[hidden] { display: none; }
.slide picture { display: block; height: 100%; }
.slide img { width: 100%; height: 100%; object-fit: cover; object-position: 45% 60%; }
.rooms { margin-block-start: var(--space-4); }
.rooms ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 var(--space-5); }
.rooms a { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--font-display); font-style: italic; font-weight: 600;
  font-size: var(--step-1); line-height: 1.1; color: inherit; opacity: .74; text-decoration: underline; text-decoration-color: transparent;
  text-decoration-thickness: 1px; text-underline-offset: .32em; transition: opacity 200ms var(--ease-standard), text-decoration-color 200ms var(--ease-standard); }
.rooms a:hover, .rooms a:focus-visible, .rooms a.is-on { opacity: 1; }
.rooms a.is-on { text-decoration-color: var(--brass-deep); }
@media (min-width: 761px) {
  .rooms { pointer-events: auto; }
  .rooms a.is-on { text-decoration-color: var(--brass); }
}
@media (max-width: 760px) {
  .slides__stage { height: clamp(300px, 52svh, 520px); }
  .rooms { margin-block-start: var(--space-3); }
  .rooms ul { gap: 0 var(--space-4); }
  .rooms a { font-size: var(--step-0); opacity: 1; text-decoration-color: currentColor; }
  .rooms a.is-on { text-decoration-color: var(--brass-deep); }
}
@media (prefers-reduced-motion: reduce) {
  .slide, .slide.is-on, .rooms a { transition: none; }
}