/* Shared framing and navigation corrections, loaded after page styles. */
.nav .nav-links { gap: 1.25rem; align-items: center; }
.nav .nav-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; letter-spacing: 0; white-space: nowrap; }
.nav .nav-links a[aria-current="page"] { text-decoration: underline; text-underline-offset: 7px; }
.nav-mobile { gap: 12px; padding: calc(var(--nav-h, 72px) + 20px) 24px 24px; overflow-y: auto; overscroll-behavior: contain; }
.nav-mobile a { font-size: 26px; line-height: 1.35; min-height: 44px; flex-shrink: 0; letter-spacing: 0; }
@media (max-width: 1250px) {
  .nav .nav-links, .nav .nav-cta { display: none; }
  .nav .nav-burger { display: flex; }
}
@media (max-height: 650px) {
  .nav-mobile { justify-content: flex-start; gap: 6px; }
  .nav-mobile a { font-size: 22px; }
}
.page-hero-bg .hero-picture img { object-position: var(--cover-position, 50% 20%); }
body[data-page="galerie"] { --cover-position: 50% 12%; }
body[data-page="prestations"], body[data-page="contact"] { --cover-position: 50% 25%; }
body[data-page="a-propos"] { --cover-position: 50% 30%; }
body[data-page="tourisme"] .hero-picture img { object-position: 30% 45%; }
body[data-page="airbnb"] .hero-picture img { object-position: center; }

/* Natural image proportions preserve faces and the complete signature. */
body[data-page="galerie"] .gallery-grid,
body[data-page="tourisme"] .gallery-grid,
.gallery-preview-grid { display: block; columns: 4; column-gap: 16px; }
body[data-page="galerie"] .gallery-item,
body[data-page="tourisme"] .gallery-item,
.gallery-preview-item { display: inline-block; vertical-align: top; width: 100%; height: auto; aspect-ratio: auto; margin: 0 0 16px; break-inside: avoid; }
body[data-page="galerie"] .gallery-item.hidden { display: none; }
body[data-page="galerie"] .gallery-item img,
body[data-page="tourisme"] .gallery-item img,
.gallery-preview-item img { display: block; width: 100%; height: auto; object-fit: contain; transform: none; }
.gallery-albums { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 24px; margin: 24px auto 0; }
.gallery-albums span { font-size: 13px; color: #6c6660; }
.gallery-albums a { display: inline-flex; align-items: center; min-height: 44px; color: #272723; text-decoration: underline; text-underline-offset: 5px; font-size: 14px; }
.site-header .album-nav-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: inherit; }
.site-header .album-nav-link[aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; }
body[data-page="album-hac"] .thumb img { object-fit: contain; transform: none; background: #1a1a18; }
body[data-page="album-hac"] .club-poster { width: min(100%, 310px); aspect-ratio: 4 / 5; max-height: none; justify-self: center; }
body[data-page="album-hac"] .club-poster img { object-fit: contain; }
@media (max-width: 1000px) {
  body[data-page="galerie"] .gallery-grid,
  body[data-page="tourisme"] .gallery-grid,
  .gallery-preview-grid { columns: 3; }
}
@media (max-width: 700px) {
  body[data-page="galerie"] .gallery-grid,
  body[data-page="tourisme"] .gallery-grid,
  .gallery-preview-grid { columns: 2; column-gap: 10px; }
  body[data-page="galerie"] .gallery-item,
  body[data-page="tourisme"] .gallery-item,
  .gallery-preview-item { margin-bottom: 10px; }
  .site-header { height: auto; min-height: 112px; flex-wrap: wrap; padding-block: 12px; }
  .site-header .brand { width: 100%; }
  .site-header nav { width: 100%; justify-content: space-between; gap: 8px; }
  .site-header .album-nav-link { font-size: 12px; }
  body[data-page="album-hac"] .hero { display: block; min-height: 0; }
  body[data-page="album-hac"] .hero-bg { position: relative; inset: auto; aspect-ratio: 1280 / 853; transform: none; }
  body[data-page="album-hac"] .hero-picture img { object-fit: contain; object-position: center; }
  body[data-page="album-hac"] .hero-overlay { display: none; }
  body[data-page="album-hac"] .hero-content { padding: 28px 24px 36px; }
}
@media (max-width: 480px) {
  body[data-page="tourisme"] .gallery-grid { columns: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .nav-mobile, .nav-mobile a, .nav-burger span { transition: none; }
}