/* ==========================================================
   World Media Group — Executive Ecosystem V2
   Non-destructive presentation overlay.
   ========================================================== */

:root{
  --wmg-display:"Roboto Condensed","Arial Narrow","Aptos Narrow","Segoe UI",sans-serif;
  --wmg-cyan:#56dcff;
  --wmg-gold:#ffcb67;
  --wmg-green:#65e6a8;
  --wmg-violet:#aa8cff;
  --wmg-ink:#eef4ff;
  --wmg-muted:#9ba8bc;
  --wmg-panel:rgba(10,16,27,.86);
  --wmg-line:rgba(255,255,255,.10);
}

body{font-family:Inter,"Segoe UI",Arial,sans-serif}
h1,h2,h3,h4,.brand,.eyebrow,.platform-kicker,.tag{
  font-family:var(--wmg-display)!important;
}
h1,h2,h3{letter-spacing:-.028em!important}

/* Hero: more executive and more connected to the owned network */
.hero-home .hero-copy{max-width:790px}
.hero-home h1{max-width:780px}
.hero-home .lead{max-width:720px}
.hero-home .micro{max-width:660px}

/* Executive snapshot */
.wmg-executive{
  padding:66px 0 24px;
  position:relative;
}
.wmg-executive .wrap{
  position:relative;
  overflow:hidden;
  border:1px solid var(--wmg-line);
  border-radius:28px;
  padding:34px;
  background:
    linear-gradient(180deg,rgba(9,16,28,.94),rgba(8,13,23,.92)),
    url("wmg-media-network-bg.png") center/cover no-repeat;
  box-shadow:0 28px 70px rgba(0,0,0,.28);
}
.wmg-executive .wrap:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 9% 18%,rgba(86,220,255,.10),transparent 24%),
    radial-gradient(circle at 86% 22%,rgba(170,140,255,.10),transparent 28%),
    radial-gradient(circle at 72% 84%,rgba(101,230,168,.08),transparent 24%);
}
.wmg-exec-head,
.wmg-exec-grid,
.wmg-business-grid,
.wmg-exec-cta{position:relative;z-index:1}

.wmg-exec-head{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);
  gap:34px;
  align-items:end;
  margin-bottom:26px;
}
.wmg-exec-head h2{
  margin:.25rem 0 .7rem;
  color:#fff;
  font-size:clamp(2.15rem,4vw,4rem);
  line-height:.98;
}
.wmg-exec-head h2 span{color:var(--wmg-gold)}
.wmg-exec-head p{
  margin:0;
  color:var(--wmg-muted);
  font-size:1rem;
  line-height:1.7;
  max-width:690px;
}
.wmg-exec-positioning{
  padding:18px 20px;
  border:1px solid rgba(255,203,103,.24);
  border-radius:18px;
  background:rgba(255,203,103,.055);
  color:#dfe8f6;
  line-height:1.6;
}
.wmg-exec-positioning strong{
  display:block;
  color:var(--wmg-gold);
  font-family:var(--wmg-display);
  font-size:1.08rem;
  margin-bottom:4px;
}

.wmg-exec-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.wmg-exec-card{
  min-height:205px;
  padding:20px;
  border:1px solid var(--wmg-line);
  border-radius:20px;
  background:rgba(13,21,34,.80);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.wmg-exec-card:hover{transform:translateY(-6px)}
.wmg-exec-card.discover:hover{border-color:rgba(86,220,255,.48);box-shadow:0 18px 40px rgba(86,220,255,.10)}
.wmg-exec-card.listen:hover{border-color:rgba(255,203,103,.48);box-shadow:0 18px 40px rgba(255,203,103,.10)}
.wmg-exec-card.engage:hover{border-color:rgba(101,230,168,.48);box-shadow:0 18px 40px rgba(101,230,168,.10)}
.wmg-exec-card.perform:hover{border-color:rgba(170,140,255,.48);box-shadow:0 18px 40px rgba(170,140,255,.10)}
.wmg-exec-num{
  font:800 .76rem/1 var(--wmg-display);
  letter-spacing:.14em;
  color:#7f8da4;
  margin-bottom:18px;
}
.wmg-exec-role{
  display:block;
  font:800 .72rem/1 var(--wmg-display);
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:7px;
}
.discover .wmg-exec-role{color:var(--wmg-cyan)}
.listen .wmg-exec-role{color:var(--wmg-gold)}
.engage .wmg-exec-role{color:var(--wmg-green)}
.perform .wmg-exec-role{color:var(--wmg-violet)}
.wmg-exec-card h3{
  color:#fff;
  margin:0 0 9px;
  font-size:1.45rem;
}
.wmg-exec-card p{
  color:var(--wmg-muted);
  font-size:.88rem;
  line-height:1.55;
  margin:0 0 16px;
}
.wmg-exec-card a{
  color:#fff;
  text-decoration:none;
  font-weight:800;
  font-size:.84rem;
}
.wmg-exec-card a:hover{color:var(--wmg-gold)}

/* Business architecture */
.wmg-business{
  padding:44px 0 68px;
}
.wmg-business .section-head{max-width:780px}
.wmg-business-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.wmg-business-card{
  border:1px solid var(--wmg-line);
  border-radius:18px;
  padding:22px 20px;
  background:rgba(13,20,31,.70);
}
.wmg-business-card .mini{
  display:inline-block;
  margin-bottom:10px;
  color:var(--wmg-gold);
  font:800 .72rem/1 var(--wmg-display);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.wmg-business-card h3{
  margin:0 0 8px;
  color:#fff;
  font-size:1.25rem;
}
.wmg-business-card p{
  margin:0;
  color:var(--wmg-muted);
  font-size:.9rem;
  line-height:1.55;
}

/* Executive CTA */
.wmg-exec-cta{
  margin-top:24px;
  padding:20px 22px;
  border-top:1px solid var(--wmg-line);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
}
.wmg-exec-cta strong{color:#fff}
.wmg-exec-cta span{color:var(--wmg-muted)}
.wmg-exec-links{display:flex;gap:10px;flex-wrap:wrap}

/* Gentle viewport reveal */
.wmg-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .68s ease,transform .68s cubic-bezier(.22,.75,.25,1);
}
.wmg-reveal.is-visible{opacity:1;transform:none}
.wmg-exec-card.wmg-reveal:nth-child(2){transition-delay:.08s}
.wmg-exec-card.wmg-reveal:nth-child(3){transition-delay:.16s}
.wmg-exec-card.wmg-reveal:nth-child(4){transition-delay:.24s}

@media(max-width:980px){
  .wmg-exec-head{grid-template-columns:1fr}
  .wmg-exec-grid,.wmg-business-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .wmg-executive{padding-top:34px}
  .wmg-executive .wrap{padding:24px 18px;border-radius:22px}
  .wmg-exec-grid,.wmg-business-grid{grid-template-columns:1fr}
  .wmg-exec-cta{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .wmg-reveal{opacity:1!important;transform:none!important;transition:none!important}
}