/* pepsico-siteops.css · prospect overlay for the sahilscope brief
 * Inherits sahilscope.css structural rules. Adds only prospect-specific
 * layout + logo sizing. No pg-navy leakage; Enmovil tokens only.
 */

body[data-brand="pepsico-siteops"] .opening { overflow: hidden; }
body[data-brand="pepsico-siteops"] .opening__pin { position: relative; z-index: 1; padding: 90px 0 80px; }
body[data-brand="pepsico-siteops"] .opening__pepsi { height: clamp(40px, 4.5vw, 56px); width: auto; max-width: min(100%, 180px); object-fit: contain; }
@media (max-width: 768px) { body[data-brand="pepsico-siteops"] .opening__pepsi { height: clamp(32px, 6vw, 44px); } }

.opening__inner { position: relative; z-index: 3; max-width: 680px; }

.opening__context { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; }
.opening__context-line { display: inline-flex; align-items: center; gap: 10px; font-size: 0.82rem; color: var(--text-muted); font-weight: 500; letter-spacing: 0.02em; }
.opening__context-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--enmovil-green); box-shadow: 0 0 0 4px rgba(89, 192, 152, 0.16); }

.hero-surface { position: absolute; right: -80px; top: 50%; transform: translateY(-50%); width: 640px; max-width: 56%; height: auto; z-index: 1; pointer-events: none; opacity: 0.9; }

body[data-brand="pepsico-siteops"] .opening__h1.ss-anchor { font-size: clamp(3rem, 7.2vw, 5.4rem); margin: 0 0 4px; color: var(--enmovil-ink); }
body[data-brand="pepsico-siteops"] .opening__tagline .hl-blue { color: var(--enmovil-blue); }
body[data-brand="pepsico-siteops"] .opening__tagline { max-width: 640px; font-size: clamp(1rem, 1.4vw, 1.15rem); }
body[data-brand="pepsico-siteops"] .opening__source { max-width: 640px; }

@media (max-width: 1100px) {
  .hero-surface { position: relative; right: 0; top: 0; transform: none; width: 100%; max-width: 640px; margin: 30px auto 0; display: block; opacity: 0.9; }
  .opening__inner { max-width: 100%; }
  body[data-brand="pepsico-siteops"] .opening__pin { padding: 60px 0 40px; }
}