/* New moose glassing guide and related inserts, Nov 11 2026.
   Extra rules for wide Tanner landscapes. Does not change sitewide ox-hero
   or the portrait rules in td-photos-20261111.css. */

.ox-hero.ox-hero--td-wide{
  display:flex !important;
  flex-direction:column !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-wide::before,
.ox-hero.ox-hero--td-wide::after{display:none !important}
.ox-hero.ox-hero--td-wide .ox-hero-photo{width:100%;background:#171a14}
.ox-hero.ox-hero--td-wide .ox-hero-photo img{
  display:block;
  width:100%;
  max-width:min(100%, 1600px);
  height:auto;
  max-height:min(70svh, 820px);
  object-fit:contain;
  margin:0 auto;
}
.ox-hero.ox-hero--td-wide .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-wide .ox-hero-in > *{max-width:1180px}
@media (max-width:699px){
  .ox-hero.ox-hero--td-wide .ox-hero-in{padding:16px 16px 20px !important}
  .ox-hero.ox-hero--td-wide .ox-hero-photo img{max-height:min(58svh, 640px)}
}

.td-related{
  max-width:960px;
  margin:28px auto 16px;
  padding:16px 16px 8px;
  box-sizing:border-box;
}
.td-related .td-fig{margin:0 0 12px}
.td-related p{margin:0 0 12px;max-width:42rem}
.td-related .td-related-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:720px){
  .td-related .td-related-grid{grid-template-columns:1fr 1fr}
}

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