/* Portrait artwork: keep the book visible without placing copy over white pages. */
.contact-art { object-position: center 10%; }

@media (min-width: 851px) and (max-width: 1000px) {
  .contact-intro::after {
    background: linear-gradient(90deg, var(--bg) 0%, #080a09f5 28%, #080a09c9 50%, #080a0955 75%, transparent 100%);
  }
}

@media (max-width: 850px) {
  .contact-intro {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    padding: 80px 24px 0;
  }
  .contact-copy { order: 1; width: 100%; }
  .contact-art {
    position: relative;
    order: 2;
    z-index: 0;
    width: calc(100% + 48px);
    max-width: none;
    height: auto;
    top: auto;
    right: auto;
    bottom: auto;
    margin: 36px -24px 0;
    object-fit: contain;
  }
  .contact-intro::after { display: none; }
}

@media (max-width: 600px) {
  .contact-intro { padding: 72px 20px 0; }
  .contact-art { width: calc(100% + 40px); margin: 36px -20px 0; }
}