/* ============================================
   AUTUMN EQUINOX – Goodbye, Sweet Norwegian Summer
   Editorial Overrides
   Base: article-shared.css
   Prefix: eqx-
   ============================================ */

:root {
  --art-accent: #c4713b;
  --art-accent-dark: #a35a2b;
  --art-accent-glow: rgba(196, 113, 59, 0.4);
  --art-accent-subtle: rgba(196, 113, 59, 0.08);
  --art-link: #2d6a3f;
  --art-link-hover: #c4713b;
  --art-link-underline: #c4713b;
  --art-ornament: #c4713b;
  --art-subtitle-color: #c4713b;
  --art-hero-accent-line: #c4713b;
}


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

@keyframes eqxHeroKB {
  0%   { transform: scale(1.08); }
  100% { transform: scale(1); }
}

.art-hero__overlay {
  background:
    linear-gradient(180deg,
      rgba(10, 22, 40, 0.1) 0%,
      rgba(10, 22, 40, 0) 20%,
      rgba(10, 22, 40, 0.35) 55%,
      rgba(10, 22, 40, 0.88) 80%,
      rgba(10, 22, 40, 1) 100%
    );
}

.art-hero__overlay::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 50% 60%, rgba(196, 113, 59, 0.08) 0%, transparent 50%);
  pointer-events: none;
}

.art-hero__category {
  background: rgba(196, 113, 59, 0.85);
  color: var(--color-midnight, #0a1628);
}


/* ── Responsive ── */
@media (max-width: 768px) {
  .art-hero__media img {
    object-position: center 30%;
  }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  .art-hero__media img {
    animation: none;
    transform: none;
  }
}