/* Public decorative photos only; private album media stays in Immich. */
body {
    background: linear-gradient(rgba(8, 16, 20, .65), rgba(8, 16, 20, .82)),
        url("images/background.fabc6593d919.webp") center / cover fixed;
}
.intro { text-shadow: 0 2px 12px #000; }
.intro .muted { color: #f0f4f4; }
.collection-card {
    --collection-photo: url("images/collection-nature.a1261e443162.jpg");
    background: linear-gradient(180deg, rgba(0, 0, 0, .42), rgba(0, 0, 0, .88)),
        var(--collection-photo) center / cover;
    min-height: 290px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    border-color: #ffffff55;
}
.collection-card:nth-child(3n + 2) { --collection-photo: url("images/collection-travel.e79e5846e749.jpg"); }
.collection-card:nth-child(3n) { --collection-photo: url("images/collection-other.bb47509a879f.jpg"); }
.collection-card .muted, .collection-card .eyebrow { color: #f2f5f5; }
.button, button:not(.quiet) {
    color: #fff;
    border: 1px solid #ffffff80;
    background: linear-gradient(rgba(0, 0, 0, .62), rgba(0, 0, 0, .74)),
        url("images/collection-travel.e79e5846e749.jpg") center / cover;
    text-shadow: 0 1px 4px #000;
}
.button:hover, button:not(.quiet):hover { border-color: #fff; filter: brightness(1.15); }
footer { background: #121719d9; color: #dbe5e6; }
@media (max-width: 650px) {
    body { background-attachment: scroll; }
}