/* v0.4.44 — Guardians category archive. */
.z4-guardians-page-v0444{padding-bottom:18px}
.z4-guardians-page-v0444 .z4-eyebrow{display:block;color:#648d40;font-size:10px;font-weight:800;letter-spacing:.17em}

.z4-guardians-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.55fr);gap:46px;align-items:center;padding:44px 0 34px}
.z4-guardians-hero h1{margin:8px 0 14px;color:var(--z4-forest);font-size:clamp(54px,6.1vw,82px);line-height:.92;letter-spacing:-.06em}
.z4-guardians-hero__copy>p{max-width:720px;margin:0;color:#5d7168;font-size:15px;line-height:1.58}
.z4-guardians-hero .z4-actions{margin-top:23px}

.z4-guardians-summary{display:grid;gap:10px;padding:17px;border:1px solid #dce6d7;border-radius:22px;background:#f5f7ef}
.z4-guardians-summary>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:13px 14px;border-radius:15px;background:#fff}
.z4-guardians-summary strong{color:#174b35;font-size:23px;line-height:1;letter-spacing:-.035em}
.z4-guardians-summary span{color:#728078;font-size:10px;line-height:1.35}

.z4-guardians-list{padding-top:20px}
.z4-guardians-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px}
.z4-guardians-heading h2{margin:6px 0 0;color:var(--z4-forest);font-size:35px;line-height:1;letter-spacing:-.04em}
.z4-guardians-heading>p{max-width:390px;margin:0;color:#74857b;font-size:11px;line-height:1.45;text-align:right}

.z4-guardians-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.z4-guardian-card{display:block;overflow:hidden;border:1px solid #dce6d7;border-radius:21px;background:#fff;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.z4-guardian-card:hover{transform:translateY(-3px);border-color:#c7d8c0;box-shadow:0 16px 34px rgba(23,65,46,.09)}
.z4-guardian-card figure{overflow:hidden;margin:0;background:#eef3e9}
.z4-guardian-card__image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease}
.z4-guardian-card:hover .z4-guardian-card__image{transform:scale(1.025)}
.z4-guardian-card__body{padding:16px 17px 18px}
.z4-guardian-card__meta{display:block;color:#78935f;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.z4-guardian-card h3{display:-webkit-box;overflow:hidden;min-height:66px;margin:6px 0 13px;color:#2e483b;font-size:19px;line-height:1.15;letter-spacing:-.025em;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.z4-guardian-card__link{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#557d3d;font-size:10px;font-weight:800}
.z4-guardian-card__link .z4-icon{width:16px;height:16px;flex:none}

.z4-guardians-program{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:42px;padding:28px 30px;border-radius:23px;background:#174b35;color:#fff}
.z4-guardians-program .z4-eyebrow{color:#c7ddb8}
.z4-guardians-program h2{margin:6px 0 7px;color:#fff;font-size:30px;line-height:1;letter-spacing:-.035em}
.z4-guardians-program p{max-width:700px;margin:0;color:#dbe8dc;font-size:11.5px;line-height:1.5}
.z4-guardians-program__actions{display:flex;gap:9px;flex:none}

@media(max-width:1050px){
  .z4-guardians-hero{grid-template-columns:1fr 320px;gap:28px}
  .z4-guardians-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .z4-guardians-program{align-items:flex-start;flex-direction:column}
}

@media(max-width:700px){
  .z4-guardians-page-v0444 .z4-eyebrow{font-size:8.5px}
  .z4-guardians-hero{grid-template-columns:1fr;gap:16px;padding:24px 0 20px}
  .z4-guardians-hero h1{margin:6px 0 10px;font-size:42px;line-height:.96}
  .z4-guardians-hero__copy>p{font-size:12.5px;line-height:1.5}
  .z4-guardians-hero .z4-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:17px}
  .z4-guardians-hero .z4-actions .z4-btn,.z4-guardians-hero .z4-actions .z4-text-link{justify-content:center}
  .z4-guardians-summary{gap:7px;padding:11px;border-radius:17px}
  .z4-guardians-summary>div{grid-template-columns:100px minmax(0,1fr);gap:10px;padding:11px;border-radius:12px}
  .z4-guardians-summary strong{font-size:19px}
  .z4-guardians-summary span{font-size:9px}

  .z4-guardians-list{padding-top:13px}
  .z4-guardians-heading{display:block;margin-bottom:13px}
  .z4-guardians-heading h2{font-size:28px}
  .z4-guardians-heading>p{margin-top:8px;font-size:10px;text-align:left}

  .z4-guardians-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .z4-guardian-card{min-width:0;border-radius:14px}
  .z4-guardian-card__image{aspect-ratio:1/1}
  .z4-guardian-card__body{padding:10px 10px 11px}
  .z4-guardian-card__meta{font-size:6.5px;letter-spacing:.08em}
  .z4-guardian-card h3{min-height:55px;margin:4px 0 9px;font-size:14px;line-height:1.12;-webkit-line-clamp:3}
  .z4-guardian-card__link{gap:5px;font-size:7.5px;line-height:1.15}
  .z4-guardian-card__link .z4-icon{width:13px;height:13px}

  .z4-guardians-program{gap:17px;margin-top:30px;padding:20px 17px;border-radius:18px}
  .z4-guardians-program h2{font-size:25px}
  .z4-guardians-program p{font-size:10.5px}
  .z4-guardians-program__actions{display:grid;width:100%;grid-template-columns:1fr;gap:7px}
  .z4-guardians-program__actions .z4-btn{justify-content:center}
}

/* v0.4.45 — show guardian artwork in full on desktop and mobile, without cropping. */
.z4-guardians-page-v0444 .z4-guardian-card figure{
  background:#fff;
}
.z4-guardians-page-v0444 .z4-guardian-card__image{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
}
@media(max-width:700px){
  .z4-guardians-page-v0444 .z4-guardian-card__image{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
  }
}

/* v0.4.46 — compact full guardian artwork; 5-up desktop, 2-up mobile. */
.z4-guardians-page-v0444 .z4-guardians-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.z4-guardians-page-v0444 .z4-guardian-card{
  min-width:0;
}
.z4-guardians-page-v0444 .z4-guardian-card figure{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#fff;
}
.z4-guardians-page-v0444 .z4-guardian-card__image{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
}
.z4-guardians-page-v0444 .z4-guardian-card__body{
  padding:12px 13px 14px;
}
.z4-guardians-page-v0444 .z4-guardian-card h3{
  min-height:56px;
  margin:5px 0 10px;
  font-size:15px;
  line-height:1.12;
  -webkit-line-clamp:3;
}
.z4-guardians-page-v0444 .z4-guardian-card__link{
  font-size:8.5px;
}

@media(max-width:1280px){
  .z4-guardians-page-v0444 .z4-guardians-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:980px){
  .z4-guardians-page-v0444 .z4-guardians-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .z4-guardians-page-v0444 .z4-guardians-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .z4-guardians-page-v0444 .z4-guardian-card figure{
    aspect-ratio:4/5;
  }
  .z4-guardians-page-v0444 .z4-guardian-card__image{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
  }
  .z4-guardians-page-v0444 .z4-guardian-card__body{
    padding:9px 9px 10px;
  }
  .z4-guardians-page-v0444 .z4-guardian-card h3{
    min-height:50px;
    margin:4px 0 8px;
    font-size:12.5px;
    line-height:1.1;
  }
  .z4-guardians-page-v0444 .z4-guardian-card__link{
    font-size:7px;
  }
}