/* Tanner Dunn photographs, Nov 11 2026.
   Page-scoped only. Portrait files are shown in full so the animal and the
   photographer's watermark stay visible. Images are not stretched past their
   native width. Does not change sitewide ox-hero styling. */

.ox-hero.ox-hero--td-portrait{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:stretch !important;
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  background-color:#171a14 !important;
  background-image:none !important;
  overflow:visible !important;
}
.ox-hero.ox-hero--td-portrait::before,
.ox-hero.ox-hero--td-portrait::after{display:none !important}
.ox-hero.ox-hero--td-portrait .ox-hero-photo{
  width:100%;
  background:#171a14;
}
.ox-hero.ox-hero--td-portrait .ox-hero-photo img{
  display:block;
  width:auto;
  max-width:min(100%, 900px);
  height:auto;
  max-height:min(58svh, 640px) !important;
  object-fit:contain;
  margin:0 auto;
}
.ox-hero.ox-hero--td-portrait .ox-hero-in{
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:22px 24px 28px !important;
  box-sizing:border-box;
  background:#171a14;
}
.ox-hero.ox-hero--td-portrait .ox-hero-in > *{max-width:900px}

.td-photos{max-width:960px;margin:28px auto 8px;padding:0 16px;box-sizing:border-box}
.td-fig{margin:0 0 28px;max-width:900px}
.td-fig--narrow{max-width:560px;margin-left:auto;margin-right:auto}
.td-fig img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.td-fig .ox-photo-credit, .td-gallery .ox-photo-credit, .td-fig .photo-cap, .td-gallery .photo-cap{
  margin:0;
  padding:8px 2px 0;
  font-size:13px;
  line-height:1.4;
  color:#5c564c;
  text-align:left;
  background:transparent;
}
.td-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px 16px;
  margin:0 0 28px;
}
.td-gallery figure{margin:0}

@media (max-width:699px){
  .ox-hero.ox-hero--td-portrait .ox-hero-in{padding:16px 16px 20px !important}
  .td-photos{padding:0 14px}
}


html body .ox-hero.ox-hero--td-portrait,
html body .ox-hero.ox-hero--td-portrait .ox-hero-photo,
html body .ox-hero.ox-hero--td-portrait .ox-hero-in{
  background-color:#171a14 !important;
  background-image:none !important;
  border-radius:0 !important;
}
html body .ox-hero.ox-hero--td-portrait{
  overflow:hidden !important;
}