.screenshots{
    position:relative;
}

.screens-grid{
    margin-top:28px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:18px;
}

.screen-card{
    border-radius:14px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(148,163,184,.16);
    overflow:hidden;
    backdrop-filter: blur(6px);
    transition:transform .2s ease, border-color .2s ease, background .2s ease;
}


.screen-card:hover{
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.24);
    background:rgba(255,255,255,.06);
}


.screen-card img{
    width:100%;
    display:block;
    height:240px;
    object-fit:cover;
}

.screen-label{
    display:block;
    padding:14px 16px;
    font-weight:700;
}

@media (max-width: 1000px){
    .screens-grid{ grid-template-columns:1fr; }
    .screen-card img{ height:220px; }
}