/* Windows into Belonging: scoped, editorial resource listing */
.windows-resources{padding:70px 0 82px;background:#f7f3e9}
.windows-resource-list{border-top:1px solid rgba(18,58,55,.2)}
.windows-resource{display:grid;grid-template-columns:minmax(155px,.32fr) minmax(0,1fr);column-gap:clamp(22px,5vw,80px);padding:30px 0;border-bottom:1px solid rgba(18,58,55,.2);align-items:start}
.windows-resource-kicker{grid-column:1;grid-row:1/4;color:#9a7330;font-size:11px;letter-spacing:.12em;font-weight:700;margin:7px 0 0}
.windows-resource h3{grid-column:2;margin:0 0 10px;color:#123a37;font:400 clamp(24px,3vw,33px)/1.2 Georgia,serif}
.windows-resource>p:not(.windows-resource-kicker){grid-column:2;max-width:780px;margin:0 0 12px;color:#53605c;line-height:1.7}
.windows-resource a{color:#176b68;font-weight:700;text-underline-offset:4px}
.windows-resource .windows-resource-note{font-size:13px;font-style:italic;color:#68736e}
@media(max-width:700px){.windows-resources{padding:54px 0}.windows-resource{display:block;padding:25px 0}.windows-resource-kicker{margin:0 0 12px}.windows-resource h3{margin-bottom:12px}}

/* Introduction artwork: smaller and balanced alongside the text */
@media (min-width: 781px) {
  .ideas-intro .ideas-intro-grid {
    grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
    align-items: center;
    column-gap: clamp(36px, 5vw, 80px);
  }
  .ideas-intro .ideas-intro-grid > figure {
    width: 100%;
    max-width: 340px;
    margin: 0;
    justify-self: center;
  }
  .ideas-intro .ideas-intro-grid > figure img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: contain;
  }
}
@media (max-width: 780px) {
  .ideas-intro .ideas-intro-grid > figure {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
  .ideas-intro .ideas-intro-grid > figure img {
    display: block;
    width: 100%;
    height: auto;
  }
}