/* Article hero — 1920 × 936 image, title pinned to the bottom-left gutter. */
.arc-article-hero { position: relative; height: clamp(520px, 48.75vw, 936px); overflow: hidden; background: var(--arc-ink); color: var(--arc-white); }
.arc-article-hero__media { position: absolute; inset: 0; animation: arcMask 1.3s var(--arc-ease) both; }
.arc-article-hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; filter: contrast(1.05); animation: arcDrift 18s ease-in-out infinite alternate; }
.arc-article-hero__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .4) 100%); }
.arc-article-hero__content { position: absolute; left: var(--arc-gutter); right: var(--arc-gutter); bottom: 56px; animation: arcRise 1.1s .4s ease both; }
.arc-article-hero__eyebrow { margin-bottom: 16px; font-family: var(--arc-font-sans); font-size: 12px; line-height: 1.2; letter-spacing: .18em; text-transform: uppercase; opacity: .85; }
.arc-article-hero__title { margin: 0; max-width: 1200px; font-family: var(--arc-font-serif); font-weight: 300; font-size: clamp(36px, 4.8vw, 92px); line-height: 1.02; color: inherit; }

@media (max-width: 767.98px) {
  .arc-article-hero { height: auto; min-height: 480px; display: flex; align-items: flex-end; }
  .arc-article-hero__media img { animation: none; }
  .arc-article-hero__content { position: relative; left: auto; right: auto; bottom: auto; padding: 200px var(--arc-gutter) 40px; }
}
