/* Phase 6 — production readiness and performance polish */

:root { --content-max: 1440px; }

.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 999;
  padding: 10px 14px;
  background: #f4f1ea;
  color: #080808;
  transform: translateY(-150%);
  transition: transform .2s ease;
}
.skip-link:focus { transform: translateY(0); }

.artist-profile,
.gallery-section,
.reviews,
.process,
.faq,
.booking-page,
.contact-section,
.deposit-band {
  content-visibility: auto;
  contain-intrinsic-size: 900px;
}

/* Cap content blocks, not full-width section shells/backgrounds. */
.page-hero-copy,
.hero-content,
.footer-brand,
.footer-links,
.footer-bottom {
  max-width: var(--content-max);
  margin-left: auto;
  margin-right: auto;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
.gallery-tile:focus-visible {
  outline: 2px solid #d63d45;
  outline-offset: 4px;
}

body { text-rendering: optimizeLegibility; }

@media (max-width: 900px) {
  .nav a,
  .footer-links a,
  .mobile-bookbar a { min-height: 44px; display: inline-flex; align-items: center; }
}

@media print {
  .site-header,.floating-whatsapp,.mobile-bookbar,.noise-overlay,.booking,.footer { display:none!important; }
  body { background:#fff; color:#111; }
  .inner-page { padding:0; }
}