/* Corevia ESG — page-specific styles (about.css) */

body {margin:0;font-family:'Inter',sans-serif;color:var(--charcoal);background:var(--offwhite);line-height:1.55;-webkit-font-smoothing:antialiased;}
section {padding:76px 0;}
.section-head {max-width:660px;margin-bottom:44px;}
.section-head h2 {font-size:clamp(26px,3vw,32px);margin:10px 0 14px;}
.phero {padding:80px 0 20px;}
.phero-grid {display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:start;}
.phero h1 {font-size:clamp(30px,3.8vw,44px);line-height:1.16;margin:16px 0 20px;}
.phero p.lead {font-size:16.5px;color:var(--charcoal-soft);max-width:520px;}
.principles-list {list-style:none;padding:0;margin:0;}
.principles-list li {display:flex;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:14px;color:var(--navy);font-weight:500;}
.principles-list li:first-child {border-top:none;}
.principles-list li svg {flex-shrink:0;margin-top:3px;}
@media (max-width:900px) {
  .phero-grid {grid-template-columns:1fr;}
}
.howwework {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.how-card {background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;}
.how-card .idx {font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gold);letter-spacing:.05em;margin-bottom:14px;}
.how-card h3 {font-size:17px;font-family:'Inter',sans-serif;font-weight:600;margin-bottom:10px;}
.how-card p {font-size:13.8px;color:var(--charcoal-soft);margin:0;}
@media (max-width:900px) {
  .howwework {grid-template-columns:1fr;}
}
.expertise-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.expertise-card {background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 20px;text-align:center;}
.expertise-card .ring {width:48px;height:48px;border-radius:50%;background:var(--teal-tint);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.expertise-card h3 {font-size:14px;font-family:'Inter',sans-serif;font-weight:600;color:var(--navy);margin:0;}
@media (max-width:900px) {
  .expertise-grid {grid-template-columns:1fr 1fr;}
}
@media (max-width:560px) {
  .expertise-grid {grid-template-columns:1fr;}
}
.note-callout {
  border-left:2px solid var(--gold);padding:18px 22px;background:var(--white);border-radius:0 var(--radius) var(--radius) 0;
  font-size:13.5px;color:var(--charcoal-soft);max-width:820px;
}
.note-callout b {color:var(--navy);}
.closing h2 {color:#fff;font-size:clamp(28px,4vw,40px);max-width:640px;margin:0 auto 18px;}
.closing p {color:#C7CFDC;font-size:16px;max-width:500px;margin:0 auto 34px;}
.footer-bottom {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:22px;font-size:12.5px;color:var(--charcoal-soft);}