/* ═══════════════════════════════════════════════════════════════
   fashion.business — Brand CSS (v3 Digital Curator)
   Shared across all public pages. Page-specific styles remain inline.
   ═══════════════════════════════════════════════════════════════ */

/* ─── Logo hover effect ─────────────────────────────────────── */
.logo-hover .logo-default { display: block !important; }
.logo-hover .logo-fuchsia { display: none !important; }
.logo-hover:hover .logo-default { display: none !important; }
.logo-hover:hover .logo-fuchsia { display: block !important; }

/* ─── Solid fuchsia CTA button ──────────────────────────────── */
.btn-solid {
    background: #B82475;
    color: #ffffff;
    font-weight: 700;
}
.btn-solid:hover {
    background: #9A1D63;
    box-shadow: 0 0 30px -8px rgba(184, 36, 117, 0.35);
}

/* ─── Section divider (thin decorative rule) ────────────────── */
.section-rule {
    border: none;
    height: 1px;
    background: #e0ddd8;
    max-width: 80%;
    margin: 0 auto;
}

/* ─── Editorial numbered items ──────────────────────────────── */
.editorial-number {
    font-family: 'Newsreader', Georgia, serif;
    font-style: italic;
    font-size: 2.5rem;
    color: #B82475;
    line-height: 1;
}

/* ─── Line clamp utility ────────────────────────────────────── */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ─── Video hero (events page) ──────────────────────────────── */
.video-hero {
    position: relative;
    overflow: hidden;
}
.video-hero video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
}
.video-hero .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(23, 19, 48, 0.7) 0%, rgba(23, 19, 48, 0.85) 100%);
}