/* Reporter World — About Us page (Figma node 403:4190)
   Scoped under .about-page. Reuses tokens from shared.css. */

.about-page{background:#fff;}
.about-page section{border-bottom:1px solid #c4c7c7;}
.about-page section:last-child{border-bottom:none;}

.about-page .section-heading-bar{
  font-family:var(--font-heading);
  font-weight:600;
  font-size:24px;
  letter-spacing:-0.48px;
  color:#202124;
  border-left:4px solid var(--color-brand-red);
  padding-left:20px;
  line-height:24px;
  margin:0 0 24px;
}

/* ---------- Hero ---------- */
.about-hero{padding:80px 0 81px;}
.about-hero-inner{display:flex;gap:48px;align-items:center;}
.about-hero-text{flex:1 1 0;min-width:0;padding-right:48px;}
.about-hero-text h1{
  font-family:var(--font-heading);
  font-weight:700;
  font-size:48px;
  line-height:56px;
  letter-spacing:-0.96px;
  color:#000;
  margin:0 0 16px;
}
.about-hero-text p{
  font-family:var(--font-body);
  font-size:18px;
  line-height:24px;
  color:var(--color-grey-text);
  margin:0;
  max-width:544px;
}
.about-hero-img{
  flex:1 1 0;
  min-width:0;
  height:400px;
  border:1px solid #c4c7c7;
  border-radius:4px;
  overflow:hidden;
}
.about-hero-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(15%);}

/* ---------- Our History ---------- */
.about-history{padding:80px 0 81px;}
.about-history p{
  font-family:var(--font-body);
  font-size:18px;
  line-height:24px;
  color:var(--color-grey-text);
  margin:0 0 24px;
}
.about-history p:last-child{margin-bottom:0;}

/* ---------- Editorial Excellence ---------- */
.about-editorial{padding:80px 0;border-bottom:none;}
.about-editorial-heading{text-align:center;margin-bottom:56px;}
.about-editorial-heading h2{
  font-family:var(--font-heading);
  font-weight:700;
  font-size:36px;
  line-height:40px;
  color:#000;
  margin:0 0 8px;
}
.about-editorial-heading p{
  font-family:var(--font-body);
  font-size:18px;
  line-height:28px;
  color:var(--color-grey-text);
  max-width:672px;
  margin:0 auto;
}
.about-editorial-grid{
  display:flex;
  gap:40px;
  align-items:flex-start;
  justify-content:center;
}
.about-editorial-card{
  flex:1 1 0;
  max-width:290px;
  padding:40px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  text-align:center;
}
.about-editorial-icon{
  width:46px;
  height:40px;
  background:#eee;
  border-radius:2px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:8px;
}
.about-editorial-icon img{width:24px;height:24px;}
.about-editorial-card h3{
  font-family:var(--font-heading);
  font-weight:600;
  font-size:24px;
  line-height:32px;
  color:#000;
  margin:0;
}
.about-editorial-card p{
  font-family:var(--font-body);
  font-size:16px;
  line-height:22px;
  color:var(--color-grey-text);
  max-width:234px;
  margin:0;
}

/* ---------- Our Leadership ---------- */
.about-leadership{background:#000;padding:119px 0;}
.about-leadership-inner{display:flex;align-items:flex-start;gap:80px;}
.about-leadership h2{
  font-family:var(--font-heading);
  font-weight:700;
  font-size:40px;
  line-height:40px;
  color:#fff;
  margin:0;
  flex:none;
  padding-top:20px;
  min-width:268px;
}
.about-leadership-grid{
  display:grid;
  grid-template-columns:repeat(2, 226px);
  column-gap:135px;
  row-gap:64px;
  flex:1;
  justify-content:flex-end;
  align-items:start; /* bug fix, see page-home.css .hp-culture-grid comment */
}
.about-leader h3{
  font-family:var(--font-heading);
  font-weight:400;
  font-size:28px;
  line-height:40px;
  color:#fff;
  margin:0;
}
.about-leader p{
  font-family:var(--font-body);
  font-weight:300;
  font-size:20px;
  line-height:40px;
  color:#fff;
  margin:0;
}

/* ---------- Contact Us ---------- */
.about-contact{background:#f9f9f9;padding:80px 0 81px;}
.about-contact-grid{display:flex;gap:80px;}
.about-contact-col{flex:1 1 0;min-width:0;}
.about-contact-title{
  font-family:var(--font-body);
  font-weight:700;
  font-size:18px;
  letter-spacing:0.7px;
  text-transform:uppercase;
  color:#000;
  margin:0 0 16px;
}
.about-contact-offices{display:flex;gap:24px;}
.about-office{flex:1 1 0;min-width:0;}
.about-office h4{
  font-family:var(--font-label);
  font-weight:700;
  font-size:14px;
  letter-spacing:0.7px;
  color:var(--color-brand-red);
  margin:0 0 8px;
}
.about-office-address{
  font-family:var(--font-body);
  font-size:16px;
  line-height:24px;
  color:var(--color-grey-text);
  margin:0 0 8px;
}
.about-office-phone{
  font-family:var(--font-body);
  font-size:16px;
  line-height:24px;
  color:var(--color-grey-text);
  margin:0;
}

.about-inquiries-grid{display:flex;gap:24px;}
.about-inquiries-list{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px;}
.about-inquiry h4{
  font-family:var(--font-body);
  font-weight:500;
  font-size:16px;
  letter-spacing:0.7px;
  color:#000;
  margin:0 0 4px;
}
.about-inquiry a{
  font-family:var(--font-body);
  font-size:16px;
  line-height:24px;
  color:var(--color-brand-red);
}
.about-inquiry a:hover{text-decoration:underline;}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .about-hero-inner{flex-direction:column;}
  .about-hero-text{padding-right:0;}
  .about-hero-img{width:100%;}
  .about-editorial-grid{flex-wrap:wrap;}
  .about-leadership-inner{flex-direction:column;gap:40px;}
  .about-leadership-grid{grid-template-columns:repeat(2, 1fr);column-gap:40px;justify-content:flex-start;width:100%;}
  .about-contact-grid{flex-direction:column;gap:40px;}
  .about-contact-offices{flex-direction:column;gap:24px;}
  .about-inquiries-grid{flex-direction:column;gap:24px;}
}

@media (max-width:600px){
  .about-hero-text h1{font-size:34px;line-height:40px;}
  .about-editorial-grid{flex-direction:column;align-items:center;}
  .about-leadership-grid{grid-template-columns:1fr;}
}