/* ============================================================
   tributes.css
   Standalone Tributes 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("tributes-shared.css");


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

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


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

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