.h7-jumpnav {
  position: sticky;
  top: var(--h7-header-h);
  z-index: 60;
  background: var(--h7-surface-page);
  border-bottom: 1px solid var(--h7-border-default);
}
.h7-jumpnav ul {
  display: flex;
  gap: var(--h7-space-6);
  overflow-x: auto;
  padding-block: var(--h7-space-4);
  scrollbar-width: none;
}
.h7-jumpnav ul::-webkit-scrollbar { display: none; }
.h7-jumpnav a {
  white-space: nowrap;
  font-size: var(--h7-size-caption);
  font-weight: var(--h7-weight-medium);
  text-transform: uppercase;
  letter-spacing: var(--h7-tracking-caps);
  color: var(--h7-text-muted);
  padding-block: var(--h7-space-2);
  border-bottom: 2px solid transparent;
}
.h7-jumpnav a:hover { color: var(--h7-text-accent); }
.h7-jumpnav a[aria-current="true"] {
  color: var(--h7-text-primary);
  border-bottom-color: var(--h7-earthen-clay);
}


.h7-facility {

  scroll-margin-top: calc(var(--h7-header-h) + 60px);
  padding-block: var(--h7-space-11);
}

.h7-facility__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--h7-space-10);
  align-items: center;
}
.h7-facility:nth-of-type(even) .h7-facility__media { order: 2; }

.h7-facility__media {
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: var(--h7-radius-card);
  background: var(--h7-surface-subtle);
}
.h7-facility__media img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform var(--h7-duration-reveal) var(--h7-ease-linen);
}
.h7-facility:hover .h7-facility__media img { transform: scale(1.03); }

.h7-facility__body { display: flex; flex-direction: column; gap: var(--h7-space-4); }
.h7-facility__body > p { color: var(--h7-text-secondary); max-width: 46ch; }


.h7-facility__meta { display: flex; flex-direction: column; }
.h7-facility__meta div {
  display: flex;
  justify-content: space-between;
  gap: var(--h7-space-5);
  padding-block: var(--h7-space-3);
  border-bottom: 1px solid var(--h7-border-default);
  font-size: var(--h7-size-caption);
}
.h7-facility__meta dt { color: var(--h7-text-muted); }
.h7-facility__meta dd { margin: 0; text-align: right; color: var(--h7-text-secondary); }

@media (max-width: 900px) {
  .h7-facility { padding-block: var(--h7-space-9); }
  .h7-facility__inner { grid-template-columns: 1fr; gap: var(--h7-space-6); }
  .h7-facility:nth-of-type(even) .h7-facility__media { order: 0; }
  .h7-facility__body .h7-btn { width: 100%; }
}


@media (max-width: 640px) {
  .h7-jumpnav ul { gap: var(--h7-space-5); }
  .h7-facility { padding-block: var(--h7-space-8); }
  .h7-facility__meta div { flex-direction: column; gap: var(--h7-space-1); }
  .h7-facility__meta dd { text-align: left; }
}