:root{
    --okb616-primary:#1FA12E;
    --okb616-text:#071214;
    --okb616-muted:#58645D;
    --okb616-soft:#F4F4F4;
}
.okb616-section,.okb616-section *{box-sizing:border-box;}
.okb616-section{position:relative;padding:110px 0;background:#fff;font-family:"Clear Sans Thin",Arial,sans-serif;color:var(--okb616-text);}
.okb616-container{width:min(1280px,calc(100% - 48px));margin:0 auto;position:relative;z-index:2;}
.okb616-centered{text-align:center;margin:0 auto 50px;}
.okb616-section-head .okb616-eyebrow{display:block;color:var(--okb616-primary);font-size:17px;line-height:22px;font-weight:700;margin:0 0 12px;}
.okb616-section-head h2{margin:0;color:#05080A;font-size:38px;line-height:46px;font-weight:700;letter-spacing:.01em;}
.okb616-filter-pills{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:30px;}
.okb616-filter-pills button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:48px;padding:0 28px;border-radius:999px;background:#F0F0F0;color:#071214;font-size:16px;line-height:20px;font-weight:700;box-shadow:none;}
.okb616-filter-pills .is-active{background:var(--okb616-primary);color:#fff;box-shadow:0 10px 18px rgba(0,0,0,.14);}

/* Dynamic Impact Stories, same Working Projects inspired layout */
.okb616-impact-section{background:#fff;padding-top:118px;}
.okb616-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;}
.okb616-impact-card{position:relative;display:block;overflow:hidden;min-height:220px;border-radius:4px;text-decoration:none;background:#ddd;box-shadow:0 1px 0 rgba(0,0,0,.02);transition:opacity .25s ease, transform .25s ease;}
.okb616-impact-card.is-hidden{display:none;}
.okb616-impact-card img{display:block;width:100%;height:100%;min-height:220px;aspect-ratio:3/2;object-fit:cover;object-position:center;transition:transform .45s ease;}
.okb616-impact-card:hover img{transform:scale(1.045);}
.okb616-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 36%,rgba(0,0,0,.36) 66%,rgba(0,0,0,.78) 100%);z-index:1;}
.okb616-card-content{position:absolute;left:34px;right:26px;bottom:26px;z-index:2;color:#fff;}
.okb616-card-content strong{display:block;color:#fff;font-size:24px;line-height:29px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 8px rgba(0,0,0,.35);}
.okb616-card-content em{display:block;color:rgba(255,255,255,.88);font-size:14px;line-height:18px;font-weight:700;font-style:normal;text-transform:none;margin-top:2px;}
.okb616-card-content span{display:block;color:rgba(255,255,255,.92);font-size:14px;line-height:21px;margin-top:9px;}
.okb616-card-content:after{content:"";display:block;width:48px;height:3px;background:#fff;margin-top:12px;}

/* Dynamic Core Work Areas, same OKeba Focus Areas style */
.okb616-focus-section{background:#fff;padding-top:110px;padding-bottom:86px;}
.okb616-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;}
.okb616-focus-card{position:relative;display:block;min-height:334px;border-radius:3px;overflow:hidden;background:#e9efe8;box-shadow:0 16px 34px rgba(0,0,0,.09);isolation:isolate;text-decoration:none;}
.okb616-focus-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease;}
.okb616-focus-card:hover img{transform:scale(1.04);}
.okb616-focus-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.18),rgba(0,0,0,0) 55%);z-index:1;pointer-events:none;}
.okb616-focus-label{position:absolute;left:2px;bottom:2px;z-index:2;min-height:54px;max-width:calc(100% - 32px);display:inline-flex;align-items:center;padding:0 22px;border-radius:0 3px 0 0;background:#fff;color:#1b1f22;font-size:24px;line-height:1.1;font-weight:700;box-shadow:0 -8px 24px rgba(0,0,0,.07);}

@media(max-width:1024px){
    .okb616-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .okb616-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .okb616-focus-card{min-height:286px;}
}
@media(max-width:767px){
    .okb616-section{padding:70px 0;}
    .okb616-container{width:min(520px,calc(100% - 28px));}
    .okb616-section-head h2{font-size:31px;line-height:38px;}
    .okb616-filter-pills button{height:42px;padding:0 18px;font-size:14px;}
    .okb616-impact-grid,.okb616-focus-grid{grid-template-columns:1fr;gap:22px;}
    .okb616-impact-card img{min-height:245px;}
    .okb616-card-content{left:24px;bottom:22px;}
    .okb616-focus-card{min-height:260px;}
    .okb616-focus-label{font-size:20px;}
}