.boards-hero{position:relative;overflow:hidden;padding:96px max(6vw,30px) 76px;background:var(--paper);border-bottom:1px solid var(--line)}
.boards-hero:after{content:"";position:absolute;right:-130px;top:-170px;width:440px;height:440px;border:1px solid rgba(69,108,81,.16);border-radius:43% 57% 61% 39%;box-shadow:0 0 0 42px rgba(69,108,81,.05),0 0 0 84px rgba(69,108,81,.03)}
.boards-hero>*{position:relative;z-index:1}
.boards-hero h1{font:700 clamp(40px,5vw,72px)/1.05 Manrope,sans-serif;letter-spacing:-.03em;margin:18px 0 22px;max-width:780px;color:var(--ink)}
.boards-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}
.boards-hero>p:not(.eyebrow){max-width:620px;font-size:17px;line-height:1.7;color:var(--muted)}

.board-groups{padding:10px max(6vw,30px) 100px;background:var(--paper)}
.board-group+.board-group{margin-top:90px}
.group-head{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:38px}
.group-head h2{font-size:clamp(28px,3vw,40px);margin:8px 0 10px;color:var(--ink)}
.group-head small{color:var(--muted);font-size:13px}
.group-desc{color:var(--muted);font-size:15px;line-height:1.65;max-width:660px;margin:0 0 14px}

.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}
.board-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.board-card:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(23,53,35,.1)}
.portrait{position:relative;aspect-ratio:1/1;background:#dce7da;overflow:hidden}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:top}
.portrait span{font:700 26px Manrope;color:#50705a}
.board-card>div:last-child{padding:20px 22px 24px}
.board-card small{color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.board-card h3{font-size:19px;margin:10px 0 0;line-height:1.32;color:var(--ink)}
.board-card b{display:block;margin-top:7px;font-size:11px;color:var(--muted);font-weight:600}
.board-card p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:10px}

.board-card.featured{grid-column:1/-1}
@media(min-width:720px){
  .board-card.featured{display:grid;grid-template-columns:220px 1fr}
  .board-card.featured .portrait{aspect-ratio:auto;height:100%}
  .board-card.featured>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:28px 34px}
  .board-card.featured h3{font-size:27px;margin-top:12px}
}

.loading,.empty{text-align:center;padding:70px;color:var(--muted)}

.section-footer{margin-top:0;background:var(--green);color:#fff;padding:40px clamp(24px,5vw,82px);display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px}
.section-footer a{color:#fff}

@media(max-width:650px){
  .board-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
  .board-grid{grid-template-columns:1fr}
}