/* Photographic layout refinements for the approved ZUG draft. */
.hero-copy, .hero-media, .split > *, .pair > *, .contact-grid > * { min-width: 0; }
.brand-logo, .footer-logo { mix-blend-mode: multiply; }
/* Larger ZUG branding, without crowding the navigation. */
.site-header .brand { flex-shrink: 0; }
.site-header .brand-logo { width: 80px; height: 96px; object-fit: contain; }
.site-header .header-inner { min-height: 108px; }
.site-footer .footer-logo { width: 128px; height: auto; }
html { scroll-padding-top: 124px; }
.hero-media .zug-hero-photo { object-position: 50% 8%; }
.image-frame .zug-photo-zug-02-interior { object-position: 40% 50%; }
.wellness-image .zug-photo-zug-05-hot-tub, .gallery-item .zug-photo-zug-05-hot-tub { object-position: 50% 68%; }
.wellness-image .zug-photo-zug-04-sauna { object-position: 43% 50%; }
.gallery-item:first-child .zug-photo { object-position: 50% 8%; }
.destination-image { position: relative; }
.destination-image .zug-photo-zug-09-woodland { height: 240%; object-position: 50% 0; }
.gallery-item .zug-photo { transition: transform .35s ease; }
.gallery-item:hover .zug-photo { transform: scale(1.025); }
.gallery-modal .gallery-figure { margin: 0; max-width: min(1200px, 86vw); text-align: center; }
.gallery-modal .gallery-figure img { display: block; width: auto; max-width: 100%; max-height: 78vh; margin: 0 auto; object-fit: contain; }
.gallery-caption { font-size: 14px; line-height: 1.5; color: #eee4d9; margin: 14px auto 0; max-width: 65ch; }
.gallery-step { position: absolute; top: 46%; width: 44px; height: 52px; padding: 0; border: 1px solid #ab917c; border-radius: 2px; color: #fff; background: #292522; cursor: pointer; font-size: 27px; }
.gallery-prev { left: 12px; } .gallery-next { right: 12px; }
.gallery-modal .modal-close { width: 48px; height: 48px; line-height: 1; top: 12px; right: 12px; }
.reveal { opacity: 1; transform: none; }
.js-motion .reveal:not(.is-visible) { opacity: 0; transform: translateY(18px); }
@media(max-width: 767px) {
  .site-header .brand-logo { width: 64px; height: 78px; }
  .site-header .header-inner { min-height: 90px; }
  .site-footer .footer-logo { width: 116px; }
  html { scroll-padding-top: 106px; }
  .hero-media .zug-hero-photo { object-position: 50% 5%; }
  .wide-image .zug-photo-zug-06-terrace { object-position: 52% 60%; }
  .gallery-grid .gallery-item:last-child { grid-column: 1 / -1; }
  .gallery-grid .gallery-item:last-child img { height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
  .gallery-modal { padding: 50px 18px 90px; }
  .gallery-modal .gallery-figure { max-width: 100%; }
  .gallery-modal .gallery-figure img { max-height: 70vh; }
  .gallery-step { top: auto; bottom: calc(22px + env(safe-area-inset-bottom)); }
  .gallery-prev { left: calc(50% - 58px); } .gallery-next { right: calc(50% - 58px); }
  .gallery-caption { font-size: 13px; padding: 0 3px; }
}
@media(prefers-reduced-motion: reduce) {
  .js-motion .reveal:not(.is-visible) { opacity: 1; transform: none; }
  .gallery-item .zug-photo { transition: none; }
}

.gallery-page-title { font-family:var(--serif); font-weight:400; font-size:clamp(38px,4vw,58px); letter-spacing:-.035em; line-height:1.06; margin:0 0 24px; }
@media(max-width:767px) {
  .gallery-grid .gallery-item:first-child { height:370px; }
}