/* Opt-in MY/Studio surface. Static summer image survives JS/load failures. */
html[data-ami-background="seasonal"] {
  background-color: #f7f4e9;
}
html[data-ami-background="seasonal"] body {
  /* Keep the negative background layer inside the page stacking context. */
  isolation: isolate;
  background: transparent;
}
html[data-ami-background="seasonal"] body::before {
  content: "";
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  /* Safari toolbar changes reveal/crop the same image instead of rescaling it.
     The large viewport covers both expanded and collapsed toolbar states. */
  height: 100lvh;
  z-index: -1;
  animation: none;
  transform: none;
  pointer-events: none;
  background-color: #f7f4e9;
  background-image: linear-gradient(rgba(255,253,247,.78), rgba(247,244,233,.82)),
    var(--ami-background-image, url("../assets/img/backgrounds/summer-morning.webp"));
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}