.memories-gallery{

    max-width:1100px;

    margin:0 auto;

    padding:0 20px;
}

.memories-gallery__header{

    text-align:center;

    margin-bottom:48px;
}

.memories-gallery__chapter{

    display:block;

    font-size:.85rem;

    letter-spacing:.18em;

    color:#b57d97;

    text-transform:uppercase;

    margin-bottom:12px;
}

.memories-gallery__title{

    font-size:2.4rem;

    color:#b27089;

    margin-bottom:16px;
}

.memories-gallery__subtitle{

    max-width:520px;

    margin:0 auto;

    line-height:1.8;

    color:#7a5b68;
}

.memories-gallery__hero{

    margin-bottom:32px;
}

.memories-gallery__hero img{

    width:100%;

    height:auto;

    display:block;

    border-radius:24px;
}

.memories-gallery__grid{
    display:grid;
    gap:16px;
    grid-template-columns:repeat(2,1fr);
    margin-bottom:32px;
}


.memory-photo-card{

    overflow:hidden;

    border-radius:20px;
}

.memory-photo-card img{

    width:100%;

    height:auto;

    display:block;
}

.memories-gallery__ending{

    text-align:center;

    margin:64px 0 32px;
}

.memories-gallery__ending p{

    font-size:1.2rem;

    line-height:1.8;

    color:#b27089;

    font-style:italic;
}

.memories-gallery__message{

    text-align:center;

    margin:48px 0;
}

.memories-gallery__message p{

    max-width:500px;

    margin:0 auto;

    line-height:1.8;

    color:#7a5b68;

    font-size:1.05rem;
}

.memories-gallery__hero,
.memories-gallery__grid,
.memories-gallery__message,
.memories-gallery__ending{

    opacity:0;

    transform:translateY(30px);

    transition:
        opacity .9s cubic-bezier(.22,1,.36,1),
        transform .9s cubic-bezier(.22,1,.36,1);
}

.memories-gallery.visible .memories-gallery__hero,
.memories-gallery.visible .memories-gallery__grid,
.memories-gallery.visible .memories-gallery__message,
.memories-gallery.visible .memories-gallery__ending{

    opacity:1;

    transform:translateY(0);
}

.memories-gallery.visible .memories-gallery__hero{
    transition-delay:.1s;
}

.memories-gallery.visible .memories-gallery__grid--top{
    transition-delay:.25s;
}

.memories-gallery.visible .memories-gallery__message{
    transition-delay:.4s;
}

.memories-gallery.visible .memories-gallery__grid--bottom{
    transition-delay:.55s;
}

.memories-gallery.visible .memories-gallery__ending{
    transition-delay:.7s;
}

.memory-photo-card{

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

@media (hover:hover){

    .memory-photo-card:hover{

        transform:translateY(-4px);

        box-shadow:
            0 10px 30px rgba(111,74,87,.12);
    }
}