.gallery { border-top: 1px solid #cbbb9f; }
.gallery h2 span { color: var(--red); }
.gallery .section-heading > p { max-width: 290px; }
.photo-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: clamp(250px, 27vw, 390px); gap: 16px; }
.gallery-photo { position: relative; display: block; height: 100%; overflow: hidden; background: #a0784b; }
.gallery-photo:first-child, .gallery-photo:nth-child(8) { grid-column: span 2; }
.gallery-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.gallery-photo:hover img { transform: scale(1.045); }
.gallery-photo::after { content: ''; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent, #000b); pointer-events: none; }
.gallery-photo > span { position: absolute; z-index: 1; bottom: 18px; left: 18px; right: 18px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: white; }
.gallery-photo strong { font-family: var(--display); font-size: 27px; line-height: 1; letter-spacing: .5px; }
.gallery-photo b { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border: 1px solid #fff9; border-radius: 50%; font-size: 24px; font-weight: 400; }
.gallery .photo-credit { margin-top: 20px; }
.social-strip { margin-top: 44px; padding-top: 32px; border-top: 1px solid #cbbb9f; display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.social-strip h3 { font-family: var(--display); font-size: 38px; margin: 0 0 7px; }
.social-strip p { margin: 0; font-size: 14px; }
.social-links { display: flex; flex-wrap: wrap; gap: 12px; }
.social-link { display: inline-flex; align-items: center; gap: 12px; border: 1.5px solid var(--red); color: var(--red); padding: 16px 20px; font-size: 15px; font-weight: 700; min-height: 56px; transition: background .2s, color .2s; }
.social-link:hover { color: var(--cream); background: var(--red); }
.social-link svg { width: 21px; height: 21px; flex-shrink: 0; }
.social-link > span:last-child { margin-left: 14px; font-size: 23px; line-height: 1; }
.footer-socials { display: flex; gap: 20px; }
.footer-socials a { text-decoration: underline; text-underline-offset: 4px; }
.photo-viewer { padding: 0; width: min(1000px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); border: 1px solid #655b4b; background: var(--ink); color: var(--cream); overflow: auto; }
.photo-viewer::backdrop { background: #17130fec; }
.photo-viewer-head, .photo-viewer-foot { padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.photo-viewer-head > span { font-weight: 700; font-size: 12px; letter-spacing: 1px; }
.photo-viewer button { border: 1px solid #948672; color: var(--cream); background: transparent; cursor: pointer; min-width: 44px; min-height: 44px; font: inherit; }
.photo-viewer button:hover { background: var(--yellow); color: var(--ink); }
.photo-viewer-close { font-size: 29px !important; line-height: 1; }
.photo-viewer img { display: block; width: 100%; height: min(66dvh, 680px); object-fit: contain; background: #171411; }
.photo-viewer-caption { min-width: 0; }
.photo-viewer-caption strong { display: block; font-family: var(--display); font-size: 30px; font-weight: 700; }
.photo-viewer-caption small { display: block; margin-top: 5px; font-size: 12px; color: #c8beaa; }
.photo-viewer-controls { display: flex; gap: 10px; flex-shrink: 0; }
.photo-viewer-controls button { font-size: 24px; }
body.photo-viewer-open { overflow: hidden; }
@media (min-width: 901px) and (max-width: 1150px) { .nav nav { gap: 18px; font-size: 13px; } }
@media (max-width: 900px) { .photo-grid { gap: 12px; } .gallery-photo strong { font-size: 22px; } .gallery-photo > span { left: 12px; right: 12px; bottom: 12px; } .social-strip { align-items: flex-start; flex-direction: column; gap: 22px; } }
@media (max-width: 700px) {
  .gallery .section-heading { display: block; }
  .gallery .section-heading > p { max-width: 320px; padding-top: 20px; }
  .gallery h2 { font-size: clamp(48px, 12vw, 70px); }
  .photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; gap: 10px; }
  .gallery-photo { height: auto; aspect-ratio: 4 / 5; }
  .gallery-photo:first-child, .gallery-photo:nth-child(8) { aspect-ratio: 4 / 3; }
  .gallery-photo strong { font-size: 24px; }
  .gallery-photo b { width: 27px; height: 27px; font-size: 21px; }
  .gallery-photo > span { gap: 6px; }
  .social-strip { margin-top: 30px; padding-top: 27px; }
  .social-strip h3 { font-size: 34px; }
  .social-links { width: 100%; }
  .social-link { flex: 1; padding: 15px; }
  .social-link > span:last-child { margin-left: auto; }
  .footer-socials { width: 100%; order: 4; }
  .photo-viewer { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
  .photo-viewer-head, .photo-viewer-foot { padding: 12px; gap: 12px; }
  .photo-viewer-head > span { font-size: 11px; }
  .photo-viewer-caption strong { font-size: 26px; }
  .photo-viewer img { height: 61dvh; }
  .photo-viewer-controls { gap: 7px; }
}