/* Homepage: clear choices, readable detail, and quiet interaction cues. */
body[data-page="home"] .home-card-facts {
  list-style: none;
  padding: 0;
  margin: -7px 0 25px;
  display: grid;
  gap: 8px;
  color: #526a7b;
  font-size: 16px;
  line-height: 1.6;
}
body[data-page="home"] .home-card-facts li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
body[data-page="home"] .home-card-facts li > svg {
  width: 16px;
  height: 16px;
  margin-top: .2em;
  color: #0081a1;
}
body[data-page="home"] .home-card-facts li > span { min-width: 0; }
body[data-page="home"] .space-choice-note {
  grid-column: 1 / -1;
  border-top: 1px solid #d6e7ef;
  padding-top: 17px;
  margin: -5px 0 0;
  font-size: 16px;
  line-height: 1.7;
  color: #425f71;
  min-height: 65px;
}
body[data-page="home"] .space-selector:focus-within {
  border-color: #6eafc3;
  box-shadow: 0 12px 35px #10567413;
}
body[data-page="home"] .space-selector {
  transition: border-color 220ms ease, box-shadow 220ms ease;
}
body[data-page="home"] .section-heading {
  position: relative;
}
body[data-page="home"] .section-heading::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -18px;
  width: clamp(3rem, 8vw, 5rem);
  height: 2px;
  border-radius: 3px;
  background: linear-gradient(90deg, #0089ad, #80d7ea);
  transform-origin: left;
}
body[data-page="home"] .difference .section-heading::after {
  background: linear-gradient(90deg, #6dd4ec, #6dd4ec30);
}
body[data-page="home"] .section-heading.is-section-entered::after {
  animation: home-rule-arrive 600ms 180ms cubic-bezier(.22, 1, .36, 1) backwards;
}
body[data-page="home"] .home-amenity-details {
  margin-top: 25px;
  border: 1px solid #80c5db50;
  border-radius: 13px;
  background: #ffffff06;
  padding: 0 25px;
}
body[data-page="home"] .home-amenity-details > summary {
  cursor: pointer;
  position: relative;
  padding: 21px 36px 21px 0;
  color: #edfaff;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;
  list-style: none;
}
body[data-page="home"] .home-amenity-details > summary::-webkit-details-marker { display: none; }
body[data-page="home"] .home-amenity-details > summary::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 19px;
  font-size: 25px;
  line-height: 1.2;
  color: #8bdef0;
}
body[data-page="home"] .home-amenity-details[open] > summary::after { content: '−'; }
body[data-page="home"] .home-amenity-details > :not(summary) {
  color: #c9dfe9;
  font-size: 18px;
  line-height: 1.75;
  margin-bottom: 22px;
}
body[data-page="home"] .home-amenity-details a { text-decoration: underline; text-underline-offset: 4px; }
body[data-page="home"] .home-amenity-details strong { color: #fff; }
body[data-page="home"] .home-amenity-details summary:focus-visible {
  outline-color: #8bdef0;
  outline-offset: 3px;
}
body[data-page="home"] .experience-point > span {
  transition: color 220ms ease, background-color 220ms ease, border-color 220ms ease;
}
body[data-page="home"] .experience-point:hover > span {
  color: #fff;
  background-color: #007a9a;
  border-color: #007a9a;
}
body[data-page="home"] .lightbox .close-lightbox { width: 44px; height: 44px; }
body[data-page="home"] .cta-panel .btn-outline {
  color: #fff;
  border-color: #9bc9d6;
  background: #ffffff0a;
}
body[data-page="home"] .cta-panel .btn-outline:hover,
body[data-page="home"] .cta-panel .btn-outline:focus-visible {
  color: #102d43;
  background: #fff;
}
@keyframes home-rule-arrive {
  from { opacity: .35; transform: scaleX(.2); }
  to { opacity: 1; transform: scaleX(1); }
}
@media (max-width: 600px) {
  body[data-page="home"] .space-choice-note { margin-top: 20px; min-height: 92px; }
  body[data-page="home"] .home-amenity-details { padding-inline: 20px; }
  body[data-page="home"] .home-amenity-details > summary { font-size: 18px; }
  body[data-page="home"] .home-amenity-details > :not(summary) { font-size: 17px; }
  body[data-page="home"] .section-heading::after { bottom: -14px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .section-heading.is-section-entered::after { animation: none; }
  body[data-page="home"] .space-selector,
  body[data-page="home"] .experience-point > span { transition: none; }
}