/* Homepage hero slider: the Under One Sky slide (the <section> above the hero), then the House's usual hero. */
.elementor-375 > section + [data-id="1ea25294"] { display: none; } /* Until the script has put the two together. */
.mph-slider { display: grid; grid-template-columns: minmax(0, 1fr); }
.mph-slider > section,
.mph-slider > [data-id="1ea25294"] { grid-area: 1 / 1; transition: opacity 0.8s ease, visibility 0.8s; }
.mph-slider > [data-id="1ea25294"],
.mph-slider.mph-slider--second > section { opacity: 0; visibility: hidden; }
.mph-slider.mph-slider--second > [data-id="1ea25294"] { opacity: 1; visibility: visible; }

.mph-slider-nav { grid-area: 1 / 1; align-self: end; justify-self: center; z-index: 3; display: flex; align-items: center; gap: 2px; margin-bottom: 14px; padding: 2px 6px; border-radius: 999px; background: rgba(5, 10, 28, 0.6); }
/* Written with .mph-slider in front so they outrank the site's own button styles, which load after this file. */
.mph-slider .mph-slider-nav button,
.mph-slider .mph-slider-nav button:hover,
.mph-slider .mph-slider-nav button:focus { display: grid; place-items: center; width: 28px; min-width: 0; height: 28px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: none; box-shadow: none; color: #fff; transform: none; cursor: pointer; }
.mph-slider .mph-slider-nav button:focus-visible { outline: 2px solid #ffc965; outline-offset: -2px; }
.mph-slider .mph-slider-dot::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); transition: background-color 0.3s; }
.mph-slider .mph-slider-dot:hover::before { background: #fff; }
.mph-slider .mph-slider-dot[aria-current="true"]::before { background: #faa61c; }
.mph-slider .mph-slider-pause svg { display: block; width: 14px; height: 14px; fill: currentColor; }
.mph-slider .mph-slider-pause .mph-play,
.mph-slider .mph-slider-pause[aria-pressed="true"] .mph-pause { display: none; }
.mph-slider .mph-slider-pause[aria-pressed="true"] .mph-play { display: block; }

@media (prefers-reduced-motion: reduce) {
  .mph-slider > section,
  .mph-slider > [data-id="1ea25294"] { transition: none; }
}