.scenic-background { background: var(--ink-950); }
.scenic-frame { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 65%; opacity:0; transition:opacity 1.8s ease-in-out; }
.scenic-frame.is-active { opacity:1; }
.scenic-tint { background:rgba(var(--brand-rgb),.06); }
.scenic-copy,
.scenic-background article.card-h {
  background:rgba(25,18,32,.20);
  border:1px solid rgba(255,255,255,.65);
  backdrop-filter:blur(8px) brightness(.7);
  -webkit-backdrop-filter:blur(8px) brightness(.7);
  color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.8);
}
.scenic-background article.card-h [class*="text-[color:var(--ink-700)]"],
.scenic-background article.card-h [class*="text-[color:var(--copper-500)]"],
.scenic-copy .eyebrow { color:#fff; }
.scenic-copy .msi { color:#fff; }
.scenic-copy .btn-cta { text-shadow:none; }
.scenic-copy .btn-outline { background:rgba(0,0,0,.15); color:#fff; border-color:rgba(255,255,255,.85); }
.scenic-copy .btn-outline:hover { background:rgba(0,0,0,.3); }
.scenic-background a:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.scenic-pause { position:absolute; right:24px; bottom:8px; display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:6px 14px; border:1px solid #ffffff60; border-radius:999px; background:rgba(var(--brand-rgb),.8); color:white; font-size:12px; }
.scenic-pause[hidden] { display:none; }
.scenic-pause:focus-visible { outline:3px solid white; outline-offset:2px; }
@media (max-width:639px) { .scenic-frame { object-position:60% 65%; } }
@media (prefers-reduced-motion:reduce) { .scenic-frame { transition:none; } }