/* V3.40: PayNonprofits numeral and caption refinements.
   Only the graphic hierarchy changes. Preserve approved section choreography. */
.giveback .five-artwork .five-outline{
  top:17%;left:1%;
  font-size:clamp(125px,12.3vw,177px);
  letter-spacing:-.12em;
  -webkit-text-stroke:1.4px #d1f6ed61;
  opacity:.38;
}
.giveback .five-artwork .five-solid{
  top:0;left:9%;
  font-size:clamp(295px,25vw,378px);
  line-height:.91;
  letter-spacing:-.09em;
}
.giveback .five-artwork{
  height:clamp(320px,29vw,405px);
  max-width:100%;
}
.giveback .five-under-note{
  width:100%;max-width:none;
  margin:0;padding-top:15px;
  line-height:1.35;letter-spacing:.035em;
  font-size:clamp(9px,.76vw,11px);
}
.giveback .five-under-note span{margin:0 7px;}
/* The full caption remains a single readable line on roomy screens. */
@media(min-width:1100px){
  .giveback .five-under-note{white-space:nowrap;}
}
/* A short pinned viewport cannot accommodate a desktop-sized glyph. */
@media(min-width:1100px) and (max-height:820px){
  .giveback .five-artwork{height:clamp(275px,37vh,318px);}
  .giveback .five-artwork .five-solid{font-size:clamp(270px,24vw,327px);}
  .giveback .five-artwork .five-outline{font-size:clamp(125px,11vw,158px);}
  .giveback .five-under-note{font-size:clamp(8.5px,.72vw,10px);}
}
/* Tablet and mobile can wrap naturally, without clipped labels or overlap. */
@media(max-width:1099px){
  .giveback .five-artwork{height:clamp(275px,32vw,345px);}
  .giveback .five-artwork .five-solid{font-size:clamp(225px,26vw,315px);}
  .giveback .five-artwork .five-outline{font-size:clamp(120px,16vw,170px);}
  .giveback .five-under-note{font-size:10px;letter-spacing:.025em;}
}
@media(max-width:680px){
  .giveback .five-artwork{height:clamp(240px,64vw,270px);}
  .giveback .five-artwork .five-solid{font-size:clamp(213px,56vw,255px);top:0;left:7%;}
  .giveback .five-artwork .five-outline{font-size:clamp(115px,33vw,152px);top:17%;left:0;}
  .giveback .five-under-note{font-size:clamp(9px,2.35vw,10px);white-space:normal;}
}
@media(max-width:380px){
  .giveback .five-artwork{height:225px;}
  .giveback .five-artwork .five-solid{font-size:205px;}
  .giveback .five-artwork .five-outline{font-size:112px;}
  .giveback .five-under-note span{margin:0 5px;}
}