.ga-page {
  --ga-blue: #4285f4;
  --ga-red: #ea4335;
  --ga-yellow: #fbbc05;
  --ga-green: #34a853;
  --pm-blue: var(--ga-blue);
}
.ga-page .pm-header { background: #080808e8; backdrop-filter: blur(14px); position: sticky; top: 0; z-index: 20; }
.ga-page .pm-hero { min-height: calc(100vh - 89px); }
.ga-page .ga-hero-copy { position: relative; min-width: 0; }
.ga-page .ga-hero-copy::before {
  content: '';
  position: absolute;
  width: 150px;
  height: 150px;
  left: -55px;
  top: -50px;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, #4285f438, transparent 68%);
}
.ga-page h1 span { color: #fff; }
.ga-page h1 span::after {
  content: '';
  display: block;
  width: min(330px, 72%);
  height: 7px;
  margin-top: 18px;
  border-radius: 20px;
  background: linear-gradient(90deg, var(--ga-blue) 0 25%, var(--ga-red) 25% 50%, var(--ga-yellow) 50% 75%, var(--ga-green) 75%);
}
.ga-page .ga-film { max-width: 430px; justify-self: end; }
.ga-page .ga-film::before { border-color: var(--ga-blue); }
.ga-page .ga-film::after { border-color: var(--ga-green); }
.ga-page .ga-film .xr-case-video-trigger { width: 100%; border-radius: 18px; background: #111; }
.ga-page .ga-film video { display: block; width: 100%; aspect-ratio: 9 / 16; object-fit: cover; }
.ga-page .ga-film figcaption { color: var(--pm-muted); font-size: 12px; margin-top: 13px; text-align: center; }
.ga-page .ga-story { grid-template-columns: minmax(0, 1fr) minmax(280px, 390px); }
.ga-delivery { position: sticky; top: 120px; padding: 30px; border: 1px solid #ffffff1a; border-radius: 20px; background: linear-gradient(155deg, #4285f417, #141414 45%); }
.ga-delivery h2 { font-size: clamp(25px, 2.5vw, 34px); }
.ga-delivery ul { list-style: none; padding: 0; margin: 30px 0 0; }
.ga-delivery li { position: relative; padding: 15px 0 15px 30px; border-top: 1px solid #ffffff17; color: var(--pm-muted); font-size: 14px; }
.ga-delivery li::before { content: ''; position: absolute; left: 2px; top: 21px; width: 9px; height: 9px; border-radius: 50%; background: var(--ga-blue); box-shadow: 0 0 0 5px #4285f426; }
.ga-delivery li:nth-child(2)::before { background: var(--ga-red); box-shadow: 0 0 0 5px #ea433526; }
.ga-delivery li:nth-child(3)::before { background: var(--ga-yellow); box-shadow: 0 0 0 5px #fbbc0526; }
.ga-delivery li:nth-child(4)::before { background: var(--ga-green); box-shadow: 0 0 0 5px #34a85326; }
.ga-delivery li:nth-child(5)::before { background: var(--pm-pink); box-shadow: 0 0 0 5px #ff248e26; }
@media (max-width: 900px) {
  .ga-page .ga-film { justify-self: center; }
  .ga-page .ga-story { grid-template-columns: minmax(0, 1fr); gap: 50px; }
  .ga-delivery { position: static; }
}
@media (max-width: 700px) {
  .ga-page .pm-hero { min-height: 0; }
  .ga-page h1 { font-size: 9.8vw; }
  .ga-page .pm-nav a:first-child { display: none; }
  .ga-page .ga-film { width: min(100%, 370px); }
}
@media (prefers-reduced-motion: reduce) {
  .ga-page .ga-film video { display: none; }
  .ga-page .ga-film .xr-case-video-trigger { min-height: 520px; background: linear-gradient(145deg, #4285f4, #1b1b1b 58%); }
}