/* Optional credentials gallery for the About page. Existing About layout remains unchanged. */
.about-credentials{margin-top:76px;padding:70px 0 10px;border-top:1px solid rgba(12,81,63,.10);background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(249,246,238,.7))}
.about-credentials-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:42px;align-items:end;margin-bottom:28px}
.about-credentials-head h2{margin:0;color:var(--green-dark);font-size:clamp(28px,3.2vw,44px);line-height:1.35}
.about-credentials-head>p{margin:0;color:#52645e;line-height:2;font-size:15px}
.about-credentials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-credential-card{padding:14px 14px 18px;border:1px solid rgba(12,81,63,.13);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 18px 42px rgba(6,56,45,.07);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.about-credential-card:hover{transform:translateY(-5px);border-color:rgba(189,152,82,.42);box-shadow:0 24px 54px rgba(6,56,45,.12)}
.about-credential-image{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;overflow:hidden;border:0;border-radius:17px;background:#edf1ee;cursor:zoom-in}
.about-credential-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.about-credential-card:hover .about-credential-image img{transform:scale(1.035)}
.about-credential-image>span{position:absolute;left:14px;bottom:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(5,57,44,.84);backdrop-filter:blur(12px);color:#fff;font-size:22px;box-shadow:0 8px 24px rgba(4,42,33,.26)}
.about-credential-card h3{margin:17px 4px 0;color:var(--green-dark);font-size:18px;line-height:1.55}
.about-credential-card p{margin:8px 4px 0;color:#64736e;font-size:13.5px;line-height:1.9}
.about-lightbox[hidden]{display:none}
.about-lightbox{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:28px}
.about-lightbox-backdrop{position:absolute;inset:0;background:rgba(2,20,15,.84);backdrop-filter:blur(12px)}
.about-lightbox-panel{position:relative;z-index:1;display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(980px,94vw);max-height:92vh;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#10291f;box-shadow:0 32px 100px rgba(0,0,0,.48)}
.about-lightbox-panel>img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#091912}
.about-lightbox-copy{padding:18px 22px 22px;color:#fff}
.about-lightbox-copy h3{margin:0;font-size:21px}.about-lightbox-copy p{margin:8px 0 0;color:rgba(255,255,255,.72);line-height:1.85}
.about-lightbox-close{position:absolute;z-index:2;top:14px;left:14px;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:28px;line-height:1;cursor:pointer}
body.about-lightbox-open{overflow:hidden}
@media(max-width:900px){.about-credentials-head{grid-template-columns:1fr;gap:14px}.about-credentials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.about-credentials{margin-top:54px;padding-top:50px}.about-credentials-grid{grid-template-columns:1fr}.about-lightbox{padding:12px}.about-lightbox-panel{width:100%;max-height:94vh}.about-lightbox-panel>img{max-height:68vh}}