/* ====================================================================
   IN THE MEDIA PAGE STYLES — mithylldave.com
   wp-content/themes/generatepress-child/assets/css/in-the-media.css
==================================================================== */
.media-page{
  --navy:#0D1B2A;
  --gold:#B8972E;
  --gold-hover:#D4AF5A;
  --cream:#F7F4EE;
  --paper:#F6F5F4;
  --teal:#1B3A4B;
  --ink:#141413;
  background:var(--paper);
  color:var(--ink);
  font-family:'DM Sans', Arial, sans-serif;
  font-size:18px;
  line-height:1.65;
  overflow-x:hidden;
}
.media-page *{box-sizing:border-box;}
.media-page h1,.media-page h2,.media-page h3{
  font-family:'Cormorant Garamond', Georgia, serif;
  font-weight:600;
  letter-spacing:-0.01em;
  margin:0;
}
.media-page .eyebrow{
  font-family:'DM Sans', sans-serif;
  text-transform:uppercase;
  letter-spacing:0.18em;
  font-size:0.75rem;
  font-weight:600;
  color:var(--gold);
  display:block;
}
.media-page a{color:inherit;text-decoration:none;}
.media-page img{max-width:100%;display:block;}
.media-page .wrap{max-width:1280px;margin:0 auto;padding:0 6vw;}
.media-page section{padding:6rem 0;}

/* HERO */
.media-page .media-hero{
  position:relative;
  min-height:60vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:9rem 6vw 4rem;
  background:var(--navy);
  color:var(--cream);
  overflow:hidden;
}
.media-page .media-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 20%, rgba(184,151,46,0.16), transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(27,58,75,0.6), transparent 55%);
  pointer-events:none;
}
.media-page .media-hero .eyebrow{color:var(--gold-hover);margin-bottom:1.2rem;position:relative;z-index:1;}
.media-page .media-hero h1{
  font-size:clamp(2.6rem, 7vw, 5.6rem);
  line-height:1.02;
  max-width:18ch;
  position:relative;
  z-index:1;
}
.media-page .media-hero h1 em{font-style:italic;color:var(--gold-hover);}
.media-page .media-hero p{
  color:rgba(247,244,238,.78);
  font-size:1.1rem;
  max-width:56ch;
  margin-top:1.6rem;
  position:relative;
  z-index:1;
}

/* PRESS LOGO WALL */
.media-page .press-wall{background:var(--navy);padding-bottom:5rem;}
.media-page .press-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:2.4rem;
  align-items:center;
}
.media-page .press-grid img{
  height:44px;
  width:auto;
  min-width:60px;
  margin:0 auto;
  background:#fff;
  border-radius:6px;
  padding:6px 12px;
  opacity:1;
  transition:opacity .3s ease, transform .3s ease;
}
.media-page .press-grid img:hover{opacity:1; transform:scale(1.05);}

/* FEATURED MENTIONS */
.media-page .mentions-head{max-width:640px;margin-bottom:3.5rem;}
.media-page .mentions-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2rem;
}
.media-page .mention-card{
  background:#fff;
  border:1px solid rgba(13,27,42,0.08);
  border-radius:4px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .4s ease,box-shadow .4s ease;
}
.media-page .mention-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(13,27,42,.35);}
.media-page .mention-thumb{aspect-ratio:16/9;background:var(--navy);overflow:hidden;position:relative;}
.media-page .mention-thumb img{width:100%;height:100%;object-fit:cover;}
.media-page .mention-badge{
  position:absolute;top:1rem;left:1rem;
  background:var(--gold);color:var(--navy);
  font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:.4rem .8rem;border-radius:100px;
}
.media-page .mention-body{padding:1.6rem 1.8rem;flex:1;display:flex;flex-direction:column;}
.media-page .mention-outlet{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:.6rem;}
.media-page .mention-title{font-size:1.4rem;color:var(--navy);margin-bottom:.8rem;line-height:1.2;}
.media-page .mention-excerpt{font-size:.96rem;color:rgba(20,20,19,.72);margin-bottom:1.2rem;flex:1;}
.media-page .mention-link{
  font-size:.85rem;font-weight:700;letter-spacing:.04em;
  color:var(--gold);border-bottom:1px solid var(--gold);
  align-self:flex-start;padding-bottom:2px;
}

/* CTA STRIP */
.media-page .media-cta{background:var(--teal);color:var(--cream);text-align:center;}
.media-page .media-cta h2{color:var(--cream);font-size:clamp(2rem,4.4vw,3.2rem);max-width:20ch;margin:0 auto 1.2rem;}
.media-page .media-cta p{color:rgba(247,244,238,.8);max-width:56ch;margin:0 auto 2.4rem;}
.media-page .btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:1rem 2.2rem;font-size:.95rem;font-weight:700;letter-spacing:.02em;
  border-radius:2px;transition:background .3s ease,box-shadow .3s ease;
}
.media-page .btn-gold{background:var(--gold);color:var(--navy);}
.media-page .btn-gold:hover{background:var(--gold-hover);box-shadow:0 12px 24px -8px rgba(184,151,46,.5);}

.media-page .reveal-up{opacity:1;}

@media (max-width:860px){
  .media-page .mentions-grid{grid-template-columns:1fr;}
  .media-page section{padding:4rem 0;}
}