/* Keep the complete photograph visible, matching the Products hero layout. */
.documents-hero.page-hero{
  position:relative;
  display:block;
  width:min(calc(100% - 2 * var(--page-padding)),1280px,calc((100svh - 112px) * 1.7768));
  aspect-ratio:1672 / 941;
  min-height:0;
  margin:clamp(12px,2vh,20px) auto;
  overflow:hidden;
  background:#f1f6f5;
}
.documents-hero-media img{
  display:block;
  width:100%;
  height:auto;
}
.documents-hero.page-hero>div:first-child{
  position:absolute;
  top:clamp(16px,2.5vw,34px);
  left:clamp(16px,2.5vw,34px);
  z-index:1;
  width:min(580px,calc(100% - 2 * clamp(16px,2.5vw,34px)));
  max-width:none;
  margin:0;
  padding:clamp(12px,1.4vw,17px);
  border-radius:14px;
  background:rgba(255,255,255,.76);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 12px 38px rgba(13,48,48,.10);
  color:var(--color-primary);
}
.documents-hero.page-hero h1{
  margin:0 0 8px;
  font-size:clamp(2rem,3vw,3rem);
  line-height:1.1;
  letter-spacing:-.035em;
  font-weight:750;
  color:#103d37;
  white-space:nowrap;
}
.documents-hero.page-hero p:not(.eyebrow){
  margin:0;
  max-width:none;
  color:#294b4a;
  font-size:clamp(.82rem,1vw,.95rem);
  font-weight:400;
  line-height:1.5;
}
@media (max-width:780px), (orientation:landscape) and (max-height:500px) and (max-width:1024px){
  .documents-hero.page-hero{
    display:flex;
    flex-direction:column;
    width:100%;
    aspect-ratio:auto;
    margin:0;
  }
  .documents-hero-media{order:0}
  .documents-hero.page-hero>div:first-child{
    position:static;
    order:1;
    width:100%;
    max-width:none;
    padding:28px var(--page-padding) 36px;
    border-radius:0;
    background:#f1f6f5;
    box-shadow:none;
    text-align:center;
  }
  .documents-hero.page-hero h1{font-size:clamp(1.65rem,5.5vw,2.3rem);white-space:normal}
  .documents-hero.page-hero p:not(.eyebrow){max-width:33rem;margin-inline:auto;font-size:.95rem}
}