/* ============================================
   SUNNMØRE BUNAD — Editorial Overrides
   Ørskog Version · Sunnmøre
   Shared building blocks come from article-shared.css.
   This file contains only article-unique components
   and overrides for shared classes.
   ============================================ */

/* ── Hero overrides — different object-position ── */
.art-hero__media img {
  object-position: center 60%;
  animation: sbnHeroKB 30s ease-out forwards;
}

@keyframes sbnHeroKB {
  0%   { transform: scale(1.15); }
  100% { transform: scale(1); }
}

/* ── Closing + Sources — cream background override ── */
.art-closing {
  background: var(--color-cream, #F1EBE3);
  border-bottom: 28px solid #fff;
}

.art-sources {
  background: var(--color-cream, #F1EBE3);
}

/* ============================================
   SUBCHAPTER BREAK — visual breathing room
   ============================================ */
.sbn-subchapter-break {
  height: var(--space-4xl);
  position: relative;
}

.sbn-subchapter-break::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 1px;
  background: var(--color-mist, #e8e5e0);
}

/* ============================================
   FACTS CARD — Dark standalone card
   ============================================ */
.sbn-facts-card {
  max-width: 700px;
  margin: var(--space-xl) auto var(--space-2xl);
  background: var(--color-midnight, #0a1628);
  border-left: 3px solid var(--color-gold, #d4a574);
  border-radius: var(--radius-xl, 12px);
  padding: var(--space-2xl) var(--space-xl);
  box-shadow: 0 8px 32px rgba(10, 22, 40, 0.15);
}

.sbn-facts-card__eyebrow {
  font-size: var(--text-xs, 0.75rem);
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--color-gold, #d4a574);
  margin-bottom: var(--space-sm);
}

.sbn-facts-card__title {
  font-family: var(--font-display, 'Cormorant Garamond', serif);
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--color-warm-white, #FBF9F6);
  margin: 0 0 var(--space-xl);
  padding-bottom: var(--space-md);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sbn-facts-card__body p {
  font-size: var(--text-base, 1rem);
  line-height: 1.8;
  color: rgba(251, 249, 246, 0.85);
  margin: 0;
}

/* ============================================
   RESPONSIVE — Mobile (480px)
   ============================================ */
@media (max-width: 480px) {
  .sbn-facts-card {
    padding: var(--space-xl) var(--space-lg);
  }
}