/* Approved project logos — 27 September 2026 */
.approved-projects{background:#fff;padding:28px 0 24px;border-bottom:1px solid #e8e3da}
.approved-projects h2{font:600 9px/1.5 Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;text-align:center;margin:0 0 20px;color:#806742}
.approved-projects .project-strip-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 30px;align-items:start}
.approved-projects .project-strip-items button{display:flex;flex-direction:column;align-items:center;border:0;border-bottom:2px solid transparent;background:#fff;padding:8px 10px 10px;min-width:0;cursor:pointer;color:#102338}
.approved-projects .project-strip-items button:hover{border-bottom-color:#bf954e}
.approved-projects .project-strip-items button:focus-visible{outline:2px solid #bf954e;outline-offset:3px}
.approved-project-logo{display:block;width:100%;height:60px;overflow:hidden}
.approved-projects .project-strip-items .project-area{display:block;font:11px/1.5 Arial,sans-serif;color:#607080;margin:12px 0 0;text-align:center}
.project-card.project-selected{outline:2px solid #bf954e;outline-offset:5px}
@media(max-width:700px){.approved-projects .project-strip-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.approved-project-logo{height:48px}.approved-projects .project-strip-items button{padding:6px 0 9px}.approved-projects .project-strip-items .project-area{font-size:10px;margin-top:8px}}
.approved-projects .approved-project-logo{--logo-height:60px;display:flex;align-items:center;justify-content:center;width:100%;height:var(--logo-height);margin:0;overflow:hidden} .approved-projects .logo-crop{position:relative;display:block;width:min(100%,calc(var(--logo-height) * var(--logo-ratio)));flex:none;margin:0;overflow:hidden} .approved-projects .logo-crop img{position:absolute;display:block;max-width:none;height:auto;margin:0} @media(max-width:700px){.approved-projects .approved-project-logo{--logo-height:48px}}