/* ==========================================================================
   COMPONENT: home-looks — vitrine editorial na front page + hub archive
   ========================================================================== */

.bc-home-looks {
    margin: var(--space-4) 0 var(--space-12);
    padding: var(--space-12) 0;
    background:
        radial-gradient(ellipse 80% 60% at 10% 0%, rgba(217, 103, 82, 0.14), transparent 55%),
        radial-gradient(ellipse 70% 50% at 95% 100%, rgba(113, 85, 142, 0.12), transparent 50%),
        linear-gradient(165deg, var(--bg-surface-1) 0%, var(--bg-surface-2) 100%);
    border-block: 1px solid var(--border-subtle);
}

.bc-home-looks__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: var(--space-10);
    align-items: center;
}

.bc-home-looks__kicker {
    margin: 0 0 var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--fw-bold);
    letter-spacing: var(--tracking-widest);
    text-transform: uppercase;
    color: var(--accent-primary);
}

.bc-home-looks__title {
    margin: 0 0 var(--space-4);
    font-family: var(--font-serif);
    font-size: clamp(2rem, 5vw, 2.75rem);
    font-weight: var(--fw-semibold);
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--text-primary);
}

.bc-home-looks__title em {
    font-style: italic;
    color: var(--accent-primary);
}

.bc-home-looks__lead {
    margin: 0 0 var(--space-6);
    max-width: 34rem;
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
    color: var(--text-secondary);
}

.bc-home-looks__cta {
    display: inline-flex;
}

.bc-home-looks__rail {
    min-width: 0;
}

.bc-home-looks__rail-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

.bc-home-looks__rail-label {
    margin: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    font-weight: var(--fw-bold);
    letter-spacing: var(--tracking-wide);
    text-transform: lowercase;
    color: var(--text-tertiary);
}

.bc-home-looks__track {
    padding-bottom: var(--space-2);
}

.bc-home-looks__track > li {
    flex: 0 0 11.5rem;
    max-width: 11.5rem;
}

.bc-home-looks__track .bkd-looks__capa {
    box-shadow: var(--shadow-md);
}

.bc-home-looks__archive-hero {
    margin-bottom: var(--space-10);
}

.bc-home-looks__empty {
    font-size: var(--text-lg);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
}

.bkd-looks__grid--hub {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--space-8) var(--space-5);
}

@media (max-width: 960px) {
    .bc-home-looks__inner {
        grid-template-columns: 1fr;
        gap: var(--space-8);
    }

    .bc-home-looks__copy {
        text-align: center;
    }

    .bc-home-looks__lead {
        margin-inline: auto;
    }
}

@media (max-width: 640px) {
    .bc-home-looks {
        padding: var(--space-10) 0;
    }

    .bc-home-looks__track > li {
        flex: 0 0 10rem;
        max-width: 10rem;
    }
}