/* GTS gallery uses the existing two-column photo and caption styles. */
#gts-project-update { scroll-margin-top: 90px; }
/* Keep the existing logo and call to action above the video background. */
.gts-video-hero { width: 100%; clear: both; position: relative; isolation: isolate; overflow: hidden; height: 600px; background: #14272c url('../images/golden-triangle-storage/2026-project-update/gts-aerial-poster.jpg') center / cover no-repeat; }
.gts-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; pointer-events: none; }
.gts-video-hero::after { content: ''; position: absolute; inset: 0; background: rgba(10, 29, 35, 0.16); pointer-events: none; }
.gts-video-hero .hero-caption { z-index: 2; }
.gts-video-hero .hero-caption img { margin: 0 auto; }
.gts-video-hero .hero-caption a:focus-visible, .gts-video-toggle:focus-visible { outline: 3px solid white; outline-offset: 4px; }
.gts-video-toggle { position: absolute; z-index: 3; right: 50px; bottom: 24px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 3px; padding: 9px 13px; color: #fff; background: rgba(20, 39, 44, 0.85); font: inherit; font-size: 13px; line-height: 1.4; cursor: pointer; }
.gts-video-toggle:hover, .gts-video-toggle:focus { color: #fff; background: #224854; }
.gts-video-toggle[hidden] { display: none; }
@media (max-width: 767px) {
 .gts-video-hero { height: 60vh; min-height: 320px; }
 .gts-video-toggle { right: 16px; bottom: 16px; }
}