/* Portal image framing only. Keep Claude's layout and shared styles intact. */
.page-portal .portal-media img { object-position: 30% 50%; }
@media (max-width: 900px) {
  .page-portal .portal-media img { object-position: 25% 30%; }
}

/* Shoreline loop (Claude, 2026-09-26): same box and crop as the still underneath. */
.page-portal .portal-media picture { position: absolute; inset: 0; }
.page-portal .portal-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 30% 50%; opacity: 0; transition: opacity .8s linear; pointer-events: none; }
.page-portal .portal-video.is-playing { opacity: 1; }
.rm .page-portal .portal-video, .no-js .page-portal .portal-video { display: none; }
@media (max-width: 900px) { .page-portal .portal-video { object-position: 25% 30%; } }