/* ─── EDITORIAL BUFFALO ORNAMENTS ─── */
/* Scattered, organic placement inside sections */

.has-ornament {
    position: relative;
    overflow: visible;
}

.buffalo-ornament {
    position: absolute;
    z-index: 0;
    pointer-events: none;
}
.buffalo-ornament img {
    width: 120px;
    height: auto;
    opacity: 0.18;
}

/* ─── Position variants ─── */
.buffalo-ornament--bl { bottom: 20px; left: 48px; }
.buffalo-ornament--br { bottom: 20px; right: 48px; }
.buffalo-ornament--tl { top: 20px; left: 48px; }
.buffalo-ornament--tr { top: 20px; right: 48px; }

/* ─── Size variants ─── */
.buffalo-ornament--sm img { width: 80px; }
.buffalo-ornament--lg img { width: 160px; }
.buffalo-ornament--xl img { width: 200px; }

/* ─── Responsive ─── */
@media (max-width: 1024px) {
    .buffalo-ornament img { width: 100px; }
    .buffalo-ornament--sm img { width: 64px; }
    .buffalo-ornament--lg img { width: 130px; }
    .buffalo-ornament--xl img { width: 160px; }
    .buffalo-ornament--bl { left: 24px; }
    .buffalo-ornament--br { right: 24px; }
    .buffalo-ornament--tl { left: 24px; }
    .buffalo-ornament--tr { right: 24px; }
}

@media (max-width: 768px) {
    .buffalo-ornament img { width: 72px; }
    .buffalo-ornament--sm img { width: 56px; }
    .buffalo-ornament--lg img { width: 100px; }
    .buffalo-ornament--xl img { width: 120px; }
}