/* FECF homepage redesign (2026-10-22). Loaded only by templates/fecf/index.twig. */
.fh-wrap{max-width:1100px;margin:0 auto;padding:2.5rem 1rem 1rem;box-sizing:border-box}
.fh-wrap *,.fh-band *{box-sizing:border-box}
.fh-lead{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;border-left:6px solid #1f4e2c;background:#eef3ef;padding:1.5rem 2rem;border-radius:4px}
.fh-lead__text h2,.fh-lead__text h3{text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;line-height:1.3;color:#2b612c;font-weight:700;margin:0 0 .4rem;font-family:Lato,sans-serif}
.fh-lead__text p{font-size:1.45rem;line-height:1.55;color:#1f3a27;margin:0}
.fh-btn{display:inline-block;background:#1f4e2c;color:#fff!important;font-weight:700;font-size:1.15rem;line-height:1.3;padding:1rem 2rem;border-radius:4px;text-decoration:none;white-space:nowrap;transition:background .2s}
.fh-btn:hover,.fh-btn:focus{background:#2b612c;color:#fff;text-decoration:none}
.fh-btnwrap{margin:1.5rem 0}
.fh-h2{font-size:2.4rem;line-height:1.15;margin:3rem 0 1.25rem;color:#1f3a27}
.fh-h2:after{content:"";display:block;width:70px;height:4px;background:#c7882d;margin-top:.6rem}
.fh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.fh-card{background:#fff;border:1px solid #d9e2db;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.fh-card__media{aspect-ratio:3/2;background:#eef3ef;overflow:hidden}
.fh-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.fh-card--fit .fh-card__media{background:#213722}
.fh-card--fit .fh-card__media img{object-fit:contain}
.fh-card__media--none{background:#1f4e2c url(https://www.ncforestry.org/img/tree-background-g.jpg) bottom/cover}
.fh-card__body{padding:1rem 1.25rem 1.25rem}
.fh-card h3{color:#2b612c;font-size:1.3rem;margin:0 0 .5rem;line-height:1.25}
.fh-card p{margin:0 0 .5rem;font-size:1.02rem;line-height:1.55}
.fh-card p:last-child{margin-bottom:0}
.fh-card a{color:#2b612c;text-decoration:underline}
/* An odd last card spans both columns, photo beside the text */
.fh-card:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row}
.fh-card:last-child:nth-child(odd) .fh-card__media{width:50%;flex:0 0 50%}
.fh-card:last-child:nth-child(odd) .fh-card__body{align-self:center;padding:1.5rem 2rem}
.fh-acc{margin-top:2.5rem;border:1px solid #d9e2db;border-radius:6px;background:#fff}
.fh-acc summary{cursor:pointer;list-style:none;padding:1rem 1.25rem;font-weight:700;color:#1f3a27;font-size:1.2rem;position:relative;padding-right:3rem}
.fh-acc summary::-webkit-details-marker{display:none}
.fh-acc summary:after{content:"+";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-size:1.5rem;line-height:1;color:#2b612c}
.fh-acc[open] summary:after{content:"\2212"}
.fh-acc summary:focus-visible{outline:3px solid #c7882d;outline-offset:2px}
.fh-acc__panel{padding:0 1.25rem 1.25rem;border-top:1px solid #d9e2db}
.fh-acc__panel p{margin:1rem 0 0;line-height:1.6}
.fh-text{margin-top:1.5rem}
.fh-contact{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem;border-top:1px solid #d9e2db;padding-top:1.5rem}
.fh-contact h3{font-size:1.2rem;color:#1f3a27;margin:0 0 .5rem}
.fh-contact p{margin:0;line-height:1.6}
.fh-contact a{color:#2b612c}
.fh-band{background:#eef3ef;margin-top:3rem;padding:2.5rem 1rem;text-align:center}
.fh-band h2{font-size:2rem;color:#1f3a27;margin:0 0 .5rem}
.fh-band p{font-size:1.15rem;margin:0 0 1.25rem}
@media (max-width:991px){.fh-lead__text p{font-size:1.25rem}}
@media (max-width:700px){
  .fh-wrap{padding-top:1.75rem}
  .fh-lead{grid-template-columns:1fr;gap:1.25rem;padding:1.25rem}
  .fh-lead__text p{font-size:1.2rem}
  .fh-btn{display:block;text-align:center;white-space:normal}
  .fh-grid,.fh-contact{grid-template-columns:1fr}
  .fh-h2{font-size:1.8rem;margin-top:2.25rem}
  .fh-card:last-child:nth-child(odd){flex-direction:column}
  .fh-card:last-child:nth-child(odd) .fh-card__media{width:100%;flex:none}
  .fh-card:last-child:nth-child(odd) .fh-card__body{padding:1rem 1.25rem 1.25rem}
  .fh-band h2{font-size:1.6rem}
  .fh-band .fh-btn{display:inline-block}
}