.primary-nav a[aria-current="page"]{color:var(--green)}
.primary-nav a[aria-current="page"]::after{right:0}

.breadcrumb{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500}
.breadcrumb a{text-decoration:none}
.breadcrumb-light{color:rgba(255,255,255,.72)}
.breadcrumb-light a{color:#fff}

.responsibility-hero{
  position:relative;min-height:640px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;
}
.responsibility-hero-media,.responsibility-hero-overlay{position:absolute;inset:0}
.responsibility-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.responsibility-hero-overlay{
  background:
    linear-gradient(90deg,rgba(18,49,30,.92) 0%,rgba(28,64,40,.70) 42%,rgba(28,39,33,.20) 76%),
    linear-gradient(0deg,rgba(13,20,16,.30),transparent 48%);
}
.responsibility-hero-content{position:relative;z-index:2;padding-block:52px 86px}
.responsibility-hero-copy{max-width:900px;margin-top:100px}
.responsibility-hero h1{
  margin:0;font-family:"Montserrat";font-size:clamp(2.8rem,5.2vw,4.7rem);
  line-height:1.05;letter-spacing:-.043em;
}
.responsibility-hero-copy>p:last-child{
  max-width:820px;margin:26px 0 0;color:rgba(255,255,255,.90);
  font-size:clamp(1.05rem,1.45vw,1.18rem);line-height:1.72;
}

.responsibility-approach{background:#fff}
.responsibility-approach-grid{
  display:grid;grid-template-columns:.92fr 1.08fr;gap:90px;align-items:start;
}
.approach-heading h2,.stakeholder-copy h2,.environmental-heading h2,
.responsibility-framework h2,.responsibility-contact h2{
  margin:0;font-family:"Montserrat";font-size:clamp(2rem,3.4vw,2.9rem);
  line-height:1.17;letter-spacing:-.03em;
}
.approach-copy p{color:#505A56}
.approach-copy .lead{font-size:19px;color:#304239}

.safety-pillars{
  padding-block:96px;color:#fff;
  background:linear-gradient(120deg,#173F29 0%,#1E6835 52%,#28372F 100%);
}
.section-heading-light h2{color:#fff}
.safety-pillars-grid{
  display:grid;grid-template-columns:repeat(5,1fr);
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
}
.safety-pillars-grid article{
  padding:26px 22px 30px;border-right:1px solid rgba(255,255,255,.15);
}
.safety-pillars-grid article:last-child{border-right:0}
.safety-icon{
  width:50px;height:50px;display:grid;place-items:center;
  border:1px solid rgba(215,200,95,.48);border-radius:50%;color:#D7C85F;
  margin-bottom:22px;
}
.safety-icon svg,.environment-icon svg{
  width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
.safety-pillars-grid span{color:#D7C85F;font-size:11px;font-weight:700;letter-spacing:.10em}
.safety-pillars-grid h3{
  margin:14px 0 12px;font-family:"Montserrat";font-size:17px;line-height:1.35;
}
.safety-pillars-grid p{margin:0;color:rgba(255,255,255,.70);font-size:13px;line-height:1.6}

.safety-practice{
  position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;color:#fff;
}
.safety-practice-media,.safety-practice-overlay{position:absolute;inset:0}
.safety-practice-media img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.safety-practice-overlay{
  background:linear-gradient(90deg,rgba(28,47,36,.93) 0%,rgba(30,70,43,.73) 45%,rgba(31,39,34,.18) 75%);
}
.safety-practice-content{position:relative;z-index:2;max-width:1280px}
.safety-practice-content h2{
  max-width:730px;margin:0 0 22px;font-family:"Montserrat";
  font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.15;letter-spacing:-.035em;
}
.safety-practice-content p:not(.eyebrow){max-width:690px;color:rgba(255,255,255,.82);font-size:17px}

.environmental-section{background:#F5F7F3}
.environmental-heading{
  display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin-bottom:46px;
}
.environmental-heading>p{margin:0;color:#56615B}
.environmental-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.environmental-grid article{
  padding:28px;border:1px solid rgba(30,104,53,.12);border-radius:9px;background:#fff;
}
.environment-icon{
  width:52px;height:52px;display:grid;place-items:center;
  border-radius:15px;background:linear-gradient(145deg,#EDF6E8,#E0EFD9);
  color:var(--green);margin-bottom:26px;
}
.environmental-grid h3{margin:0 0 12px;font-family:"Montserrat";font-size:18px}
.environmental-grid p{margin:0;color:#5B6660;font-size:14px}

.stakeholder-section{background:#fff}
.stakeholder-grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;
}
.stakeholder-photo{
  margin:0;position:relative;overflow:hidden;border-radius:8px;
  box-shadow:0 18px 42px rgba(24,45,30,.08);
}
.stakeholder-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 42%}
.stakeholder-photo figcaption{
  position:absolute;left:16px;bottom:16px;padding:8px 11px;
  background:rgba(24,48,34,.84);color:#fff;border-radius:4px;font-size:12px;
}
.stakeholder-copy p:not(.eyebrow){color:#535E58}

.responsibility-framework{
  padding-block:96px;color:#fff;
  background:linear-gradient(120deg,#212829,#28352F 48%,#1B572F);
}
.framework-heading{max-width:850px;margin-bottom:42px}
.framework-heading h2{color:#fff}
.framework-flow{
  display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;gap:8px;align-items:center;
}
.framework-flow div{
  min-height:175px;padding:22px 18px;display:flex;flex-direction:column;
  border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.04);
}
.framework-flow div span{color:#D7C85F;font-size:11px;font-weight:700}
.framework-flow strong{margin-top:auto;font-family:"Montserrat";font-size:18px}
.framework-flow small{margin-top:7px;color:rgba(255,255,255,.66);line-height:1.4}
.framework-flow b{text-align:center;color:#D7C85F;font-weight:400;font-size:20px}

.responsibility-contact{
  padding-block:84px;color:#fff;background:linear-gradient(110deg,#17522D,#1E6835 55%,#29382F);
}
.responsibility-contact-inner{display:flex;justify-content:space-between;align-items:center;gap:70px}
.responsibility-contact-inner>div{max-width:850px}
.responsibility-contact h2{color:#fff}
.responsibility-contact p:not(.eyebrow){color:rgba(255,255,255,.78);margin-bottom:0}

@media(max-width:1030px){
  .responsibility-approach-grid,.stakeholder-grid{grid-template-columns:1fr 1fr;gap:44px}
  .safety-pillars-grid{grid-template-columns:repeat(2,1fr)}
  .safety-pillars-grid article{border-bottom:1px solid rgba(255,255,255,.15)}
  .safety-pillars-grid article:nth-child(even){border-right:0}
  .safety-pillars-grid article:last-child{grid-column:1/-1;border-bottom:0}
  .framework-flow{grid-template-columns:1fr 22px 1fr 22px 1fr}
  .framework-flow div:nth-of-type(4),.framework-flow div:nth-of-type(5){margin-top:16px}
}
@media(max-width:767px){
  .responsibility-hero{min-height:580px}
  .responsibility-hero-media img{object-position:58% center}
  .responsibility-approach-grid,.stakeholder-grid,.environmental-heading{grid-template-columns:1fr}
  .safety-pillars-grid{grid-template-columns:1fr}
  .safety-pillars-grid article,.safety-pillars-grid article:nth-child(even),.safety-pillars-grid article:last-child{
    grid-column:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.15);
  }
  .safety-pillars-grid article:last-child{border-bottom:0}
  .environmental-grid{grid-template-columns:1fr}
  .framework-flow{grid-template-columns:1fr}
  .framework-flow b{transform:rotate(90deg)}
  .responsibility-contact-inner{align-items:flex-start;flex-direction:column;gap:30px}
}