.showcase-page{padding:10px 0 50px}.showcase-hero{justify-content:space-between;align-items:end;gap:30px;padding:28px 0 30px;display:flex}.showcase-hero h1{color:#123b42;letter-spacing:-.06em;margin:8px 0;font-size:clamp(38px,5vw,68px)}.showcase-hero p:not(.eyebrow){color:#627582;max-width:620px;font-size:16px}.eyebrow{letter-spacing:.22em;color:#158878;font-size:11px;font-weight:700}.showcase-count{background:#fff;border:1px solid #dce6e9;border-radius:16px;min-width:145px;padding:18px;display:grid}.showcase-count b{color:#137e72;font-size:38px}.showcase-count span{color:#71818a;font-size:13px}.showcase-tabs{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.showcase-tabs button{text-align:left;color:#31525b;cursor:pointer;background:#fff;border:1px solid #dce6e9;border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex}.showcase-tabs button.active{color:#eff9df;background:#153f43;border-color:#153f43}.showcase-tabs svg{flex:none}.showcase-tabs span{font-weight:700}.showcase-tabs small{opacity:.7;margin-top:3px;font-weight:400;display:block}.showcase-intro{color:#6a7d83;justify-content:space-between;margin:8px 0 16px;display:flex}.showcase-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.showcase-card{aspect-ratio:4/3;cursor:pointer;background:#dfe8e5;border:0;border-radius:12px;padding:0;position:relative;overflow:hidden}.showcase-card img,.showcase-card video{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.showcase-card:hover img,.showcase-card:hover video{transform:scale(1.04)}.showcase-card>span{color:#fff;background:#153f43dd;border-radius:99px;padding:4px 9px;font-size:11px;position:absolute;bottom:10px;left:10px}.card-overlay{color:#fff;opacity:.9;background:linear-gradient(#0000,#123b4288);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.showcase-lightbox{z-index:50;background:#07191dcc;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.showcase-lightbox>div{text-align:center;max-width:min(1000px,95vw);max-height:90vh}.showcase-lightbox img,.showcase-lightbox video{border-radius:12px;max-width:100%;max-height:78vh}.showcase-lightbox button{color:#153f43;background:#fff;border:1px solid #fff6;border-radius:99px;margin-top:14px;padding:8px 20px}@media (max-width:800px){.showcase-hero{flex-direction:column;align-items:start}.showcase-count{width:100%;min-width:0}.showcase-tabs{grid-template-columns:repeat(2,1fr)}.showcase-grid{grid-template-columns:repeat(2,1fr);gap:8px}}