.uam-gallery-page{
    padding:78px 0 88px;
    background:#fff;
}
.uam-gallery-wrap{
    width:min(1180px,calc(100% - 48px));
    margin:0 auto;
}
.uam-gallery-head{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:48px;
    align-items:end;
    margin-bottom:38px;
}
.uam-gallery-eyebrow{
    display:inline-block;
    color:#c58d10;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;
}
.uam-gallery-head h1{
    margin:10px 0 0;
    color:#08283d;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(46px,5vw,72px);
    line-height:.98;
    letter-spacing:-1.4px;
}
.uam-gallery-head p{
    margin:0;
    color:#687983;
    font-size:15px;
    line-height:1.7;
}
.uam-gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:280px;
    gap:16px;
}
.uam-gallery-card{
    margin:0;
    min-width:0;
    overflow:hidden;
    border-radius:18px;
    background:#f3f5f6;
    box-shadow:0 14px 34px rgba(6,40,61,.07);
}
.uam-gallery-card.uam-gallery-featured{
    grid-column:span 2;
    grid-row:span 2;
}
.uam-gallery-link{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    text-decoration:none!important;
}
.uam-gallery-card img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .45s ease;
}
.uam-gallery-card:hover img{
    transform:scale(1.045);
}
.uam-gallery-card figcaption{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:end;
    padding:38px 18px 16px;
    background:linear-gradient(to top,rgba(4,30,46,.82),rgba(4,30,46,0));
    color:#fff;
}
.uam-gallery-card figcaption span{
    font-weight:800;
    font-size:14px;
}
.uam-gallery-card figcaption b{
    color:#e4ac25;
    font-size:11px;
    white-space:nowrap;
}
@media(max-width:900px){
    .uam-gallery-head{
        grid-template-columns:1fr;
        gap:16px;
    }
    .uam-gallery-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-auto-rows:250px;
    }
}
@media(max-width:620px){
    .uam-gallery-page{
        padding:54px 0 64px;
    }
    .uam-gallery-wrap{
        width:min(100% - 32px,1180px);
    }
    .uam-gallery-grid{
        grid-template-columns:1fr;
        grid-auto-rows:250px;
    }
    .uam-gallery-card.uam-gallery-featured{
        grid-column:auto;
        grid-row:auto;
    }
}