/* Two opaque, numbered cards share one scroll sequence. Existing page gutters
   and editable content stay intact; only the non-editable slots are translated. */
.initiatives{margin-left:calc(var(--page-left) * -1);margin-right:calc(var(--page-right) * -1);padding:calc(var(--spa-space-section,150px) / 2) var(--section-right) calc(var(--spa-space-section,150px) / 2) var(--page-left);background:var(--paper);color:var(--ink)}
.initiatives-heading{margin-bottom:var(--spa-space-content,96px)}
.initiatives-heading h2{max-width:24ch;margin:0 auto;text-align:center;text-wrap:balance;font-size:var(--spa-type-section,3rem);font-weight:400;line-height:1;letter-spacing:-.05em}
.initiatives-stack{position:relative;display:grid;gap:32px;padding-bottom:var(--initiative-tail,0px);isolation:isolate}
.initiative-slot{position:relative;z-index:1;min-width:0}
.initiative-slot+ .initiative-slot{z-index:2}
.initiatives-stack.is-stacking .initiative-slot{transform:translate3d(0,var(--initiative-shift,0px),0);will-change:transform}
/* Desktop: the previous card stays visible as a smaller layer behind the new
   card. Scale the slot, keeping editable transforms inside the card intact. */
@media(min-width:1025px){
  .initiatives-stack.is-stacking .initiative-slot{
    transform-origin:center top;
    transform:translate3d(0,calc(var(--initiative-shift,0px) + var(--initiative-retreat,0px) + var(--initiative-entry-y,0px)),0) scale(var(--initiative-scale,1));
  }
}
.initiatives .awards{margin:0;padding:0;background:color-mix(in srgb,var(--paper) 94%,var(--ink));color:var(--ink);border:0;scroll-margin-top:calc(var(--home-nav-height,64px) + var(--home-nav-gap,10px) + 28px)}
.initiatives .initiative-slot:last-child .awards{background:var(--ink);color:var(--paper)}
/* Keep the second desktop initiative distinct from the incoming black event
   card; tablet and mobile retain their existing design while it is reviewed. */
@media(min-width:1025px){
  .initiatives .initiative-slot:last-child .awards{background:#e3e5e8;color:#000}
  /* Extend the surface below the unchanged content grid. The desktop pin
     uses no bottom gap, so photos and text keep their reading positions. */
  .initiatives .awards[data-initiative-card]{padding-bottom:24px}
}
.initiatives .awards-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(28px,5vw,80px);row-gap:48px;max-width:none;min-height:calc(100svh - var(--home-nav-height,64px) - var(--home-nav-gap,10px) - 52px);margin:0;padding:clamp(28px,3.2vw,52px)}
.initiative-number{grid-column:1;grid-row:1;font-size:clamp(4rem,8vw,8rem);font-weight:400;letter-spacing:-.07em;line-height:1}
.initiatives .awards-copy{grid-column:2;grid-row:1 / 3;gap:var(--spa-space-stack,40px);padding:0}
.initiatives .awards-heading{margin:0}
.initiatives .awards-eyebrow{margin:0 0 24px;color:inherit;font-weight:400;letter-spacing:0}
.initiatives .awards .awards-copy h2{max-width:20ch;color:inherit;font-size:var(--spa-type-subheading,2rem);line-height:1.2;letter-spacing:-.05em}
.initiatives .awards-detail>p{max-width:32ch;color:inherit}
.initiatives .awards-detail>p+p{margin-top:1.25em}
.initiatives .awards-links{margin-top:var(--spa-space-stack,40px)}
.initiatives .awards-links a{color:inherit}
.initiatives .awards-links a:focus-visible{outline-color:currentColor}
.initiatives .awards-figure{grid-column:1;grid-row:2;align-self:end}
.initiatives .awards-image{aspect-ratio:16/10}
.initiatives .awards-info{margin-top:16px;color:inherit;font-size:var(--spa-type-label,.875rem);line-height:1.35}
@media(max-width:900px){
  .initiatives{margin:0;padding:calc(var(--spa-space-section,120px) / 2) 24px}
  .initiatives .awards-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:32px;min-height:0;padding:28px}
  .initiative-number{grid-column:auto;grid-row:auto;font-size:4rem}
  .initiatives .awards-copy,.initiatives .awards-figure{grid-column:auto;grid-row:auto}
  .initiatives .awards-image{aspect-ratio:4/3}
  .initiatives .awards-detail>p{max-width:none}
}
@media(prefers-reduced-motion:reduce){.initiatives-stack.is-stacking .initiative-slot{transform:none;will-change:auto}.initiatives-stack{padding-bottom:0}}