/* Page CSS — post #11 */
.hx-sr-only {
  position:absolute;
  width:1px;
  height:1px;
  margin-top:-1px;
  margin-right:-1px;
  margin-bottom:-1px;
  margin-left:-1px;
  padding-top:0;
  padding-right:0;
  padding-bottom:0;
  padding-left:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.hx-front {
  padding-top: clamp(32px,4vw,56px) !important;
}
.hx-lead-card .hx-lead-img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
.hx-lead-card::after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:linear-gradient(180deg,rgba(20,52,39,.05) 0%,rgba(20,52,39,.35) 45%,rgba(14,36,27,.92) 100%);
  pointer-events:none;
  z-index:1;
}
.hx-lead-card .hx-kicker, .hx-lead-card .hx-title, .hx-lead-card .hx-excerpt, .hx-lead-card .hx-more {
  position:relative;
  z-index:2;
}
.hx-lead-card .hx-title a::after {
  display:none;
}
.hx-lead-card .hx-card-link {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:3;
}
.hx-card-thumb {
  position:relative;
  overflow:hidden;
  background-image:none !important;
  background-color:var(--surface-2);
}
.hx-card-thumb img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s;
}
.hx-card:hover .hx-card-thumb img {
  transform:scale(1.04);
}
.hx-cat-photo {
  position:relative;
  display:block;
  aspect-ratio:4/5;
  overflow:hidden;
  background:var(--surface-2);
  color:#fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.hx-cat-photo img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s;
}
.hx-cat-photo::after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:linear-gradient(180deg,rgba(14,36,27,0) 35%,rgba(14,36,27,.88) 100%);
  pointer-events:none;
}
.hx-cat-photo:hover img {
  transform:scale(1.06);
}
.hx-cat-photo .hx-cat-name {
  position:absolute;
  left:var(--space-4);
  right:var(--space-4);
  bottom:var(--space-4);
  z-index:2;
  color:#fff;
  font-size:1.15rem;
}
.hx-cat-photo .hx-cat-name span {
  color:#f4b896;
}
.hx-cat-photo:hover {
  color:#fff;
}