.sustainability-main { min-width: 0; }
.sustainability-page-hero { padding: 108px 0 0; background: #fff; }
.sustainability-hero-copy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .64fr); column-gap: clamp(64px, 12vw, 180px); padding-bottom: 88px; }
.sustainability-hero-copy .section-kicker { grid-column: 1; }
.sustainability-hero-copy h1 { grid-column: 1; max-width: 720px; margin: 0; color: #0b3327; font-size: clamp(56px, 6vw, 92px); line-height: 1.07; letter-spacing: 0; }
.sustainability-hero-copy > p:not(.section-kicker) { grid-column: 2; align-self: end; max-width: 620px; margin: 0 0 7px; color: var(--muted); font-size: 18px; line-height: 2; }
.sustainability-hero-copy .keep-phrase { white-space: nowrap; }
.sustainability-hero-image { width: 100%; min-height: clamp(370px, 37vw, 580px); overflow: hidden; }
.sustainability-hero-image img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; object-position: center 58%; }
.sustainability-anchor-bar { z-index: 30; }
.sustainability-path { padding: 138px 0 132px; scroll-margin-top: 140px; }
.sustainability-path-head { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr); gap: clamp(72px, 12vw, 190px); align-items: end; }
.sustainability-path h2, .green-production h2, .responsibility h2, .sustainability-closing h2 { margin: 0; color: #0d3328; font-size: clamp(42px, 4.6vw, 68px); line-height: 1.18; }
.sustainability-path-head > p { max-width: 470px; margin: 0 0 5px; color: var(--muted); font-size: 17px; line-height: 2; }
.pathway-line { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 82px; border-top: .5px solid var(--line); border-bottom: .5px solid var(--line); }
.pathway-line article { min-height: 218px; padding: 32px 30px 30px 0; }
.pathway-line article + article { padding-left: 30px; border-left: .5px solid var(--line); }
.pathway-line span { color: #82b89a; font-size: 14px; font-weight: 800; }
.pathway-line h3 { margin: 40px 0 12px; color: #143a2d; font-size: 22px; }
.pathway-line p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.green-production { position: relative; min-height: 640px; overflow: hidden; background: #edf5f0; color: #163d2f; scroll-margin-top: 140px; }
.green-production > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 72%; }
.green-production-overlay { position: relative; z-index: 1; display: grid; min-height: 640px; align-items: end; background: linear-gradient(90deg, rgba(238,246,241,.98) 0%, rgba(238,246,241,.94) 34%, rgba(238,246,241,.72) 48%, rgba(238,246,241,.28) 63%, rgba(238,246,241,0) 76%); }
.green-production-overlay .container { width: min(1200px, calc(100% - 80px)); margin: 0 auto; padding: 78px 0 74px; }
.green-production-head { max-width: 660px; }
.green-production .section-kicker { color: var(--green); }
.green-production h2 { color: #103529; margin-bottom: 22px; font-size: clamp(42px, 3.35vw, 56px); }
.green-production-head > p:not(.section-kicker) { max-width: 660px; margin: 0; color: #587167; font-size: 17px; line-height: 1.95; }
.green-principles { display: grid; grid-template-columns: 1fr; max-width: 520px; margin-top: 48px; border-top: .5px solid #bed1c6; }
.green-principles article { display: grid; grid-template-columns: minmax(160px, .84fr) minmax(0, 1fr); gap: 20px; min-height: 72px; align-items: center; padding: 17px 0; border-bottom: .5px solid #bed1c6; }
.green-principles b { font-size: 17px; }
.green-principles span { color: #587167; font-size: 14px; line-height: 1.6; }
@media (max-width: 1180px) {
  .green-production-overlay .container { width: min(100% - 80px, 960px); }
}
.responsibility { padding: 140px 0; scroll-margin-top: 140px; }
.responsibility-grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(500px, 1.18fr); gap: clamp(72px, 12vw, 190px); align-items: start; }
.responsibility-list { border-top: .5px solid var(--line); }
.responsibility-list article { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 30px; padding: 27px 0 29px; border-bottom: .5px solid var(--line); }
.responsibility-list span { color: #82b89a; font-size: 15px; font-weight: 800; }
.responsibility-list h3 { margin: 0 0 10px; color: #143a2d; font-size: 23px; }
.responsibility-list p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.85; }
.sustainability-closing { padding: 128px 0; background: #eaf3ee; }
.sustainability-closing p { margin: 0 0 16px; color: var(--green); font-size: 14px; font-weight: 800; }
.sustainability-closing h2 { margin-bottom: 34px; }
.sustainability-closing a { display: inline-flex; align-items: center; gap: 15px; padding-bottom: 8px; color: var(--green); border-bottom: .5px solid var(--green); font-weight: 800; }
.sustainability-closing span { font-size: 20px; }
@media (max-width: 980px) {
  .sustainability-hero-copy, .sustainability-path-head, .responsibility-grid { grid-template-columns: 1fr; gap: 30px; }
  .sustainability-hero-copy > p:not(.section-kicker) { grid-column: 1; max-width: 620px; }
  .pathway-line { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pathway-line article:nth-child(3) { border-top: .5px solid var(--line); }
  .pathway-line article:nth-child(3) { padding-left: 0; border-left: 0; }
  .pathway-line article:nth-child(4) { border-top: .5px solid var(--line); }
}
@media (max-width: 620px) {
  .sustainability-page-hero { padding-top: 76px; }
  .sustainability-hero-copy { padding-bottom: 58px; }
  .sustainability-hero-copy h1 { font-size: 48px; }
  .sustainability-hero-copy > p:not(.section-kicker), .sustainability-path-head > p, .green-production-head > p:not(.section-kicker), .responsibility-list p { font-size: 16px; }
  .sustainability-hero-image { min-height: 390px; }
  .sustainability-path, .responsibility { padding: 84px 0; }
  .sustainability-path h2, .green-production h2, .responsibility h2 { font-size: 38px; }
  .pathway-line { grid-template-columns: 1fr; margin-top: 50px; }
  .pathway-line article, .pathway-line article + article { min-height: 0; padding: 24px 0; border-left: 0; border-top: .5px solid var(--line); }
  .pathway-line article:first-child { border-top: 0; }
  .pathway-line h3 { margin: 18px 0 8px; }
  .green-production { min-height: 760px; }
  .green-production > img { object-position: 62% 72%; }
  .green-production-overlay { min-height: 760px; align-items: start; background: linear-gradient(180deg, rgba(238,246,241,.98) 0%, rgba(238,246,241,.94) 50%, rgba(238,246,241,.44) 71%, rgba(238,246,241,0) 100%); }
  .green-production-overlay .container { width: auto; margin: 0; padding: 70px 24px 54px; }
  .green-principles { margin-top: 40px; }
  .green-principles article { grid-template-columns: 1fr; gap: 5px; min-height: 0; padding: 18px 0; }
  .responsibility-list article { grid-template-columns: 42px minmax(0, 1fr); gap: 16px; }
  .sustainability-closing { padding: 82px 0; }
}