/* ─────────────────────────────────────────────────────────────
   Baliole responsive + footer-credit overrides
───────────────────────────────────────────────────────────── */

html, body { overflow-x: hidden; max-width: 100vw; }
img, video { max-width: 100%; height: auto; }

/* Mini-header: drop the section links on narrow screens (keep wordmark + CTA) */
@media (max-width: 760px) {
  .mini-nav { display: none; }
}

/* Interlude photo between Origin and Includes — phone only */
.mobile-interlude { display: none; }
@media (max-width: 760px) {
  .mobile-interlude {
    display: block;
    width: 100%;
    height: auto;
  }
}

/* Footer credit — cream on the dark footer, coral heart */
.foot-credit {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(246, 239, 233, 0.12);
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.foot-credit a {
  color: rgba(246, 239, 233, 0.55);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 140ms ease;
}
.foot-credit a:hover { color: #E97C7B; }
.foot-credit .foot-heart { color: #E97C7B; vertical-align: middle; flex-shrink: 0; }