/* ArtPark static mirror: replaces the sizing/layout Wix used to do in JS. */

/* wow-image used to set a pixel width on its <img> from JS. Let CSS do it. */
wow-image { display: block; width: 100%; height: 100%; }
img.artpark-img { display: block; max-width: 100%; }
img.artpark-img-fill { width: 100%; height: 100%; object-fit: cover; }
img.artpark-img-fit  { width: 100%; height: auto; object-fit: contain; }

/* Scroll-reveal blocks were frozen mid-animation in the capture; pin them on. */
[data-motion-enter="done"] { opacity: var(--comp-opacity, 1) !important; }

html { scroll-behavior: smooth; }
:target { scroll-margin-top: 90px; }

/* Wix's hamburger dialog was JS-driven. Self-contained replacement, sized and
   coloured off the original's open state at 390px. */
#artpark-menu {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 3000;
  background: rgb(255, 253, 247);
  flex-direction: column;
  align-items: flex-end;
  padding: 34px 15px 32px;
}
body.artpark-menu-open #artpark-menu { display: flex; }
body.artpark-menu-open { overflow: hidden; }

.artpark-menu-close {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(47, 70, 50);
  cursor: pointer;
}
.artpark-menu-links {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  margin-top: 40px;
}
.artpark-menu-links a {
  font: 400 16px/1.3 "eb garamond", Georgia, serif;
  color: rgb(47, 70, 50);
  text-decoration: none;
}
.artpark-menu-links a:hover,
.artpark-menu-links a:focus-visible { text-decoration: underline; }
[data-artpark-menu] { cursor: pointer; }
[data-artpark-scroll] { cursor: pointer; }

/* Contact form: status line for the mailto handoff. */
.artpark-form-status {
  margin-top: 14px;
  font: 400 15px/1.5 "eb garamond", Georgia, serif;
  color: rgb(47, 70, 50);
}
.artpark-form-status[data-state="error"] { color: rgb(140, 63, 35); }
.artpark-field-invalid input,
.artpark-field-invalid textarea { outline: 2px solid rgb(140, 63, 35); }