/* A panoramic water study in the opening; its motion control lives in Appearance. */
@media screen {
  .editorial-home .water-study { position: relative; width: 100%; height: 100%; margin: 0; }
  .water-study__surface { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .82; }
  .water-study__surface :is(img,canvas) { display: block; width: 100%; height: 100%; position: absolute; inset: 0; }
  .water-study__surface img { object-fit: cover; object-position: 50% 50%; }
  .water-study__surface [hidden] { display: none; }
  .water-study--ready .water-study__fallback { visibility: hidden; }
  .water-study__fallback--night { display: none; }
  .appearance .water-menu-toggle { display: block; width: 100%; min-height: 44px; margin-top: 1rem; padding: .6rem; border: 1px solid var(--hair); border-radius: 0; background: transparent; color: var(--ink); font: inherit; cursor: pointer; }
  .appearance .water-menu-toggle:hover { border-color: var(--ink); }
  .appearance .water-menu-toggle[hidden] { display: none; }
  @media (prefers-color-scheme: dark) {
    .water-study__surface { opacity: .92; }
    .water-study__fallback--day { display: none; }
    .water-study__fallback--night { display: block; }
  }
  html[data-appearance-scheme="light"] .water-study__surface { opacity: .82; }
  html[data-appearance-scheme="dark"] .water-study__surface { opacity: .92; }
  html[data-appearance-scheme="light"] .water-study__fallback--day,
  html[data-appearance-scheme="dark"] .water-study__fallback--night { display: block; }
  html[data-appearance-scheme="light"] .water-study__fallback--night,
  html[data-appearance-scheme="dark"] .water-study__fallback--day { display: none; }
}
@media (forced-colors: active) { .water-study__surface { display: none; } }
@media print { .water-study { display: none !important; } }