/**
 * Editorial (Boutique) design-system helpers.
 * Ported from the Home 6 — Boutique Editorial template. Shared across the
 * restyled home sections; per-section responsive rules live inline in each
 * template's own <style> block (matching the reference template's approach).
 */

.eyebrow {
    font-family: var(--font-primary);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    font-size: 11px;
    color: var(--color-primary);
    margin: 0;
}

.divider {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-family: var(--font-primary);
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--color-primary);
}

.divider::before,
.divider::after {
    content: "";
    width: 38px;
    height: 1px;
    background: var(--color-primary);
}

@keyframes cocobislaSlowZoom {
    from { transform: scale(1); }
    to   { transform: scale(1.08); }
}

@keyframes cocobislaFadeUp {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes cocobislaShimmer {
    0%, 100% { opacity: 0.4; }
    50%      { opacity: 0.95; }
}