/* Marketing Campaign Project Styles — shared by individual campaign pages */
/* Marketing Campaign Detail Pages
   Uses the main portfolio theme variables so dark/light mode stays consistent. */
.campaign-hero{
  padding:170px 0 60px;
  background:
    radial-gradient(circle at 85% 15%, rgba(201,161,90,.12), transparent 35%),
    var(--bg);
}
.campaign-hero .lead{max-width:780px;font-size:1.08rem;}
.campaign-project-section{padding:30px 0 110px;}
.campaign-report-image{
  max-width:1100px;
  margin:0 auto 70px;
  border:1px solid var(--hairline);
  border-radius:10px;
  overflow:hidden;
  background:var(--bg-elevated);
  box-shadow:0 24px 80px var(--shadow);
}
.campaign-report-image img{display:block;width:100%;height:auto;}
.campaign-project-content{max-width:980px;margin:0 auto;}
.campaign-project-content h2{font-size:clamp(2rem,4vw,3.4rem);margin:12px 0 24px;}
.campaign-project-content p{max-width:840px;}
.campaign-metric-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin:55px 0 80px;
}
.campaign-metric{
  padding:28px 20px;
  border:1px solid var(--hairline);
  border-radius:8px;
  background:var(--bg-elevated);
}
.campaign-metric .metric-number{
  display:block;
  color:var(--gold-bright);
  font-family:var(--font-display);
  font-size:clamp(1.6rem,3vw,2.5rem);
  font-weight:600;
  line-height:1.2;
  margin-top:12px;
}
.campaign-metric .metric-label{
  display:block;
  font-size:.85rem;
  color:var(--ink-faint);
}
.campaign-focus{
  border-top:1px solid var(--hairline);
  padding-top:55px;
}
.campaign-focus h2{margin-bottom:18px;}
.campaign-back-link{
  margin-top:55px;
  padding-top:30px;
  border-top:1px solid var(--hairline);
}
@media(max-width:800px){
  .campaign-hero{padding:145px 0 45px;}
  .campaign-metric-grid{grid-template-columns:1fr;gap:18px;}
  .campaign-report-image{margin-bottom:50px;}
}