/**
 * Digital Downloads
 *
 * The shared newsletter stylesheet supplies the header, footer, buttons,
 * typography, and accessibility controls. This file contains only the
 * download-library presentation.
 */
.download-hero {
  padding:clamp(4rem,7vw,7rem) max(4.5vw,calc((100vw - 81.875rem)/2));
  display:grid;
  grid-template-columns:1fr .7fr;
  gap:7vw;
  align-items:end;
  background:var(--blue);
  color:#fff
}
.download-hero h1 {
  margin:1.35rem 0 0;
  font:500 clamp(4rem,8vw,7rem)/.84 var(--font-display);
  letter-spacing:-.04em;
  text-transform:uppercase
}
.download-hero h1 em {
  color:var(--gold);
  font-style:normal
}
.download-hero>p {
  color:#d2dbea;
  line-height:1.8
}
.download-library {
  padding:clamp(4rem,7vw,7rem) max(4.5vw,calc((100vw - 81.875rem)/2))
}
.download-intro {
  margin-bottom:clamp(3rem,6vw,5rem);
  display:grid;
  grid-template-columns:.65fr 1.35fr;
  gap:clamp(2rem,5vw,5rem)
}
.download-intro h2 {
  margin:0;
  font:500 clamp(3rem,6vw,5rem)/.95 var(--font-display);
  text-transform:uppercase
}
.download-intro>div:last-child>p {
  max-width:47rem;
  color:#626a76;
  line-height:1.8
}
.download-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(2rem,5vw,5rem)
}
.download-card {
  display:grid;
  grid-template-columns:minmax(12rem,.9fr) 1.1fr;
  min-height:24rem;
  border:1px solid var(--line);
  background:#fff
}
.download-card>a:first-child {
  min-height:24rem;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:var(--cream)
}
.download-card>a:first-child:hover img {
  transform:scale(1.035)
}
.download-card img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease
}
.download-card>div {
  padding:clamp(1.5rem,3vw,2.5rem);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center
}
.download-card small {
  color:var(--red);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase
}
.download-card h2 {
  margin:.8rem 0 .65rem;
  font:500 clamp(2rem,3.5vw,3.4rem)/.98 var(--font-display);
  text-transform:uppercase
}
.download-scale {
  margin:0 0 2rem;
  color:#626a76;
  font-weight:800
}
@media(max-width:1050px) {
  .download-grid {
    grid-template-columns:1fr
  }
}
@media(max-width:700px) {
  .download-hero,.download-intro,.download-card {
    grid-template-columns:1fr
  }
  .download-card>a:first-child {
    min-height:18rem
  }
}
@media print {
  .download-hero {
    background:#fff;
    color:#000
  }
  .download-card {
    break-inside:avoid
  }
}