/* campaigns.html - page styles that followed the mobile layer in the original (generated). Loaded after responsive.css. */
/* #campaign-cards */
/* campaign creatives: shown in full on a square mat - never cropped */
.camps .imgcard{display:flex;flex-direction:column}
.camps .shot{--mat:#F3EDE6;position:relative;aspect-ratio:1/1;background:var(--mat);border-bottom:1px solid rgba(24,21,18,.06)}
.camps .shot .fit{position:absolute;inset:24px;display:flex;align-items:center;justify-content:center}
.camps .shot img{flex:0 0 auto;width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;
  border-radius:10px;box-shadow:0 18px 34px -20px rgba(24,21,18,.55),0 2px 6px -2px rgba(24,21,18,.14);
  transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.camps .imgcard:hover .shot img{transform:scale(1.025)}
.camps .pad{flex:1}
.camp-more{margin:34px auto 0;max-width:980px;text-align:center;font-size:14px;color:var(--mut);text-wrap:balance}
@media(max-width:980px) and (min-width:601px){.cards3.camps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.camps .shot .fit{inset:18px}}
@media(prefers-reduced-motion:reduce){.camps .imgcard:hover .shot img{transform:none}}