/* ============================================================
   memories.css
   Standalone Memories page stylesheet.
   Imports shared styles; only page-specific overrides live here.
   ============================================================ */

@import url("base.css");

@import url("partials/header.css");
@import url("partials/footer.css");

@import url("memories-shared.css");


/* ── Header background (memories page only) ─────────────────── */

#header:has(~ #memories-top) {
    background: url("../../../../images/pink-flowers.png") center center;
    background-attachment: fixed;
    background-size: cover;
    background-size: 100% auto;
    /* height: 30em; */
}


/* ── Mobile ─────────────────────────────────────────────────── */

@media (max-width: 700px) {
    #header:has(~ #memories-top) {
        background-size: cover;
        background-size: auto 100%;
    }
}