/* Donate — As featured in (#dn-press). Verbatim from new-pages/source/donate/index.html v3 §3
   (logos in colour at rest, ISPU 2026-10-17). Plugin additions: optional link overlay, and the
   "Grey until hovered" option (.is-gray = the v2 values, off by default). */
.dn .dn-press{padding-block:clamp(56px,7vw,88px);}
.dn .dn-press-title{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.15;color:var(--navy);text-align:center;margin-bottom:clamp(26px,3.5vw,40px);}
.dn .dn-press-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.dn .dn-logo{position:relative;aspect-ratio:190/96;display:grid;place-items:center;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--lbg,#fff);transition:box-shadow .3s,transform .3s var(--ease);}
.dn .dn-logo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;}
.dn .dn-logo.is-cover img{object-fit:cover;transform:scale(.86);}
.dn .dn-logo:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
/* outlets with no logo file yet: name tile until ISPU sends the logo */
.dn .dn-logo.is-text span{font-family:var(--serif);font-size:clamp(15px,1.4vw,19px);line-height:1.2;color:var(--navy);text-align:center;padding:8px 10px;}
.dn .dn-press-note{text-align:center;margin-top:18px;}
.dn .dn-press-note .dn-todo{white-space:normal;text-align:left;}
.dn .dn-logo-link{position:absolute;inset:0;z-index:1;}
.dn .dn-press-grid.is-gray .dn-logo{filter:grayscale(1);opacity:.82;transition:filter .35s,opacity .35s,box-shadow .3s,transform .3s var(--ease);}
.dn .dn-press-grid.is-gray .dn-logo:hover{filter:none;opacity:1;}

@media (max-width:900px){
  .dn .dn-press-grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:680px){
  .dn .dn-press-grid{grid-template-columns:repeat(3,1fr);gap:10px;}
  .dn .dn-logo.is-text span{font-size:14px;}
}