/* Shorter photo banners for modern and archived reflection pages. */
body.tamtinh-banner-page.site-header-overlay #sub-header {
  height: clamp(303.333px, 28vw, 455px) !important;
}
body.tamtinh-banner-page #sub-header::before {
  background: linear-gradient(90deg, rgba(4,25,39,.38), rgba(4,25,39,.05) 78%), linear-gradient(0deg, rgba(4,25,39,.28), transparent 55%);
}
body.tamtinh-banner-page #site-header::before {
  background: linear-gradient(180deg, rgba(4,25,39,.5), rgba(4,25,39,.28) 65%, rgba(4,25,39,0));
}
/* Archived banners are 240px tall and have no dark overlay. */
body.tamtinh-legacy-banner #sub-header {
  height: 140px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 760px) {
  body.tamtinh-banner-page.site-header-overlay #sub-header {
    height: clamp(245px, 37.9167svh, 350px) !important;
  }
}

body.tamtinh-legacy-banner #sub-header > div:nth-child(2) { height: 110px !important; }