.mobile-journey-stage { display: none; position: fixed; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
.mobile-journey-stage img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.9) contrast(1.04) brightness(.88); }
.mobile-guided-journey .mobile-journey-stage.has-frame { display: block; }
.mobile-journey-stage::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #050c13bf, transparent 48%); }
.mobile-guided-journey .journey-segment { visibility: hidden; }
.mobile-guided-journey .media-grade, .mobile-guided-journey .blueprint-grid { z-index: 2; }
@media (prefers-reduced-motion: reduce) { .mobile-journey-stage { display: none !important; } }

.offshore-ambient { position: fixed; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; opacity: 0; }
.offshore-ambient img, .offshore-ambient video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% 50%; filter: saturate(1.0) contrast(1.03) brightness(.94); }
.offshore-ambient[data-mobile="true"] img, .offshore-ambient[data-mobile="true"] video { object-position: var(--ambient-focal, 50% 50%); }
.offshore-ambient::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #050c1385, transparent 28%); }
@media(max-width: 800px) { .offshore-ambient::after { background: linear-gradient(0deg, #050c13bf, transparent 48%); } }