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

html body section.phero.phero--td-portrait[class]:not(#cn-a) .phero-media{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:stretch !important;
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  background:#1a1d18 !important;
  padding-top:0 !important;
}
html body section.phero.phero--td-portrait[class]:not(#cn-a) .phero-img{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  margin:0 auto !important;
  background:#1a1d18 !important;
}
html body section.phero.phero--td-portrait[class]:not(#cn-a) .phero-img img{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:auto !important;
  max-width:min(100%, 900px) !important;
  height:auto !important;
  max-height:min(58svh, 640px) !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto !important;
  transform:none !important;
}
html body section.phero.phero--td-portrait[class]:not(#cn-a) .phero-shade{
  display:none !important;
}
html body section.phero.phero--td-portrait[class]:not(#cn-a) .phero-text{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  max-width:900px !important;
  margin:0 auto !important;
  padding:16px 22px 12px !important;
  box-sizing:border-box !important;
  background:#1a1d18 !important;
  color:#f1ebdf !important;
  text-align:left !important;
}
html body section.phero.phero--td-portrait[class]:not(#cn-a) .phero-cap{
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html body section.phero.phero--td-portrait[class]:not(#cn-a) .phero-cue{display:none !important}
html body section.phero.phero--td-portrait[class]:not(#cn-a) .phero-cap{
  text-align:left !important;
  padding:8px 22px 12px !important;
  background:#1a1d18 !important;
  color:#c9c0af !important;
}
html body section.phero.phero--td-portrait[class]:not(#cn-a) .phero-cap a{color:#e3d6b8 !important}

.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 .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}
.td-cta-box{max-width:960px;margin:0 auto 36px;padding:0 16px;box-sizing:border-box}

@media (max-width:599px){
  html body section.phero.phero--td-portrait[class]:not(#cn-a) .phero-text{padding:18px 16px 14px !important}
  html body section.phero.phero--td-portrait[class]:not(#cn-a) .phero-cap{padding:6px 16px 10px !important}
  .td-photos,.td-cta-box{padding:0 14px}
}