/* playpower-integration.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="playpower-integration"] .opening { overflow: hidden; }
body[data-brand="playpower-integration"] .opening__pin { position: relative; z-index: 1; padding: 90px 0 80px; }

/* Brand logo · featured on the right, ~40% of original size */
body[data-brand="playpower-integration"] .opening__pepsi {
  height: clamp(28px, 4.5vw, 56px);
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
@media (max-width: 768px) {
  body[data-brand="playpower-integration"] .opening__pepsi { height: clamp(22px, 5vw, 40px); }
}

.opening__inner { position: relative; z-index: 3; }

.opening__context { display: flex; flex-direction: column; gap: 12px; margin-bottom: 0; }
.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 · brand logo aligned with the briefing line, headline/tagline below */
.opening__pin > .container.opening__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "context  brand"
    "headline headline"
    "tagline  tagline"
    "source   source";
  column-gap: 32px;
  row-gap: 22px;
  align-items: center;
  max-width: var(--container-max, 1200px);
}
.opening__pin .opening__context  { grid-area: context; align-self: center; }
.opening__pin .opening__headline { grid-area: headline; }
.opening__pin .opening__tagline  { grid-area: tagline; }
.opening__pin .opening__source   { grid-area: source; }
.opening__brand-anchor {
  grid-area: brand;
  align-self: center;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: flex-end;
}
.opening__brand-suffix {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(0.85rem, 1.2vw, 1.05rem);
  color: var(--text-muted);
  letter-spacing: 0.04em;
}
@media (max-width: 1023px) {
  .opening__pin > .container.opening__inner { grid-template-columns: 1fr auto; }
}

.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="playpower-integration"] .opening__h1.ss-anchor { font-size: clamp(3rem, 7.2vw, 5.4rem); margin: 0 0 4px; color: var(--enmovil-ink); }
body[data-brand="playpower-integration"] .opening__tagline .hl-blue { color: var(--enmovil-blue); }
body[data-brand="playpower-integration"] .opening__tagline { max-width: 720px; font-size: clamp(1rem, 1.4vw, 1.15rem); }
body[data-brand="playpower-integration"] .opening__source { max-width: 720px; }

@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; }
  body[data-brand="playpower-integration"] .opening__pin { padding: 60px 0 40px; }
}

/* Top-nav addressee mark · hidden until past hero */
.micro-nav__meta {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.32s ease;
}
.micro-nav__meta.is-visible {
  opacity: 1;
  pointer-events: auto;
}