.arc-page-hero { position: relative; height: 100vh; height: 100svh; min-height: 640px; overflow: hidden; background: #111; color: #fff; }
.arc-page-hero__media { position: absolute; inset: 0; animation: arcMask 1.4s cubic-bezier(.22, .9, .28, 1) both; }
.arc-page-hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; filter: contrast(1.08) saturate(1.03); animation: arcDrift 18s ease-in-out infinite alternate; }
.arc-page-hero__shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .08) 28%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .6) 100%); }
.arc-page-hero__content { position: absolute; left: var(--arc-gutter); right: var(--arc-gutter); bottom: 48px; animation: arcRise 1.1s .35s ease both; }
.arc-page-hero__eyebrow { margin-bottom: 22px; font-family: var(--arc-font-sans); font-size: 12px; line-height: 1.2; letter-spacing: .18em; text-transform: uppercase; opacity: .85; }
.arc-page-hero__title { margin: 0; font-family: var(--arc-font-serif); font-weight: 300; font-size: clamp(64px, 7.8vw, 150px); line-height: .94; letter-spacing: 0; color: #fff; filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .35)); }
.arc-page-hero__scroll { position: absolute; right: var(--arc-gutter); bottom: 97px; display: flex; flex-direction: column; align-items: center; gap: 8px; opacity: .75; animation: arcRise 1.1s .6s ease both; }
.arc-page-hero__scroll span { font-family: var(--arc-font-sans); font-size: 9px; line-height: 1; letter-spacing: .2em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }
.arc-page-hero__scroll i { display: block; width: 1px; height: 30px; background: #fff; }
@media (max-width: 767.98px) {
  .arc-page-hero { min-height: 560px; }
  .arc-page-hero__content { bottom: 40px; }
  .arc-page-hero__scroll { display: none; }
}