.sustainability-page{background:var(--cream)}
.sustain-intro{background:#fff;text-align:center;padding:80px 0 70px}
.sustain-intro h2{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:28px}
.sustain-intro p{max-width:770px;margin:0 auto 20px;color:var(--muted);font-size:1.06rem;line-height:1.85}
.sustain-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:48px 0 0;text-align:left}
.sustain-pillars a{display:flex;align-items:center;gap:15px;border-top:2px solid var(--gold);border-bottom:1px solid var(--line);padding:20px 0;text-decoration:none;font-weight:800;color:var(--green);transition:background .2s}
.sustain-pillars a:hover{background:var(--cream)}
.sustain-pillars a>span:last-child{margin-left:auto;font-size:1.3rem}
.sustain-pillar-number{font-size:.75rem;color:var(--leaf);font-weight:700}
.sustain-pillar{padding:108px 0;background:#fff;scroll-margin-top:20px}
.sustain-pillar-tinted{background:var(--leaf-soft)}
.sustain-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(40px,7vw,100px)}
.sustain-photo{margin:0;position:relative;isolation:isolate;align-self:center}
.sustain-photo::before{content:"";position:absolute;inset:20px -16px -16px 20px;background:var(--gold);border-radius:22px 100px 22px 22px;z-index:-1}
.sustain-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:22px 100px 22px 22px}
.sustain-photo figcaption{position:absolute;left:24px;bottom:24px;right:24px;padding:15px 20px;background:var(--green);color:var(--gold);border-radius:8px;display:flex;gap:18px;align-items:center;font-weight:800;font-size:.8rem;box-shadow:0 5px 24px #00271918}
.sustain-photo figcaption span{color:#fff;letter-spacing:.015em}
.sustain-copy h2{font-size:clamp(1.8rem,3.1vw,2.65rem);margin-bottom:22px}
.sustain-copy p{color:var(--muted);line-height:1.8}
.sustain-copy .sustain-lead{font-size:1.12rem;color:var(--green);line-height:1.7;margin-bottom:20px}
.sustain-copy h3{font-size:.85rem;margin-top:30px;margin-bottom:18px;letter-spacing:.01em}
.sustain-list{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.sustain-list li{position:relative;padding-left:23px;font-size:.91rem;line-height:1.65}
.sustain-list li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;background:var(--gold-dark);border-radius:50%}
.sustain-list strong{display:block;color:var(--green);margin-bottom:3px}
.sustain-list span{color:var(--muted)}
.sustain-copy .text-link{margin-top:26px;border-bottom:1px solid #BACBBE;padding-bottom:6px}
.sustain-reverse .sustain-photo{grid-column:2;grid-row:1}
.sustain-reverse .sustain-copy{grid-column:1;grid-row:1}
.sustain-resources{background:var(--green);color:#fff;padding:80px 0 38px}
.sustain-resources .ribbon-tag{color:var(--gold)}
.sustain-resource-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}
.sustain-resource-heading h2{color:#fff;margin:0}
.sustain-resource-heading>p{max-width:360px;color:#DBE7DE;margin:0}
.sustain-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sustain-resource-grid>a{display:flex;flex-direction:column;text-decoration:none;padding:30px;border:1px solid #68927A;border-radius:16px;background:#FFFFFF06;transition:background .2s,border-color .2s}
.sustain-resource-grid>a:hover{background:#FFFFFF10;border-color:var(--gold)}
.sustain-resource-grid>a>span:first-child svg{width:28px;height:28px;display:block;color:var(--gold);margin-bottom:30px}
.sustain-resource-grid h3{color:#fff;font-size:1.05rem;line-height:1.4}
.sustain-resource-grid p{color:#DBE7DE;font-size:.92rem;margin-bottom:26px}
.sustain-resource-link{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid #68927A;color:var(--gold);font-size:.85rem;font-weight:800}
.sustain-image-note{font-size:.72rem;color:#C2D6C8;margin:32px 0 0;text-align:right}
@media(max-width:850px){
  .sustain-split{gap:38px}.sustain-pillar{padding:72px 0}.sustain-copy h2 br{display:none}
  .sustain-resource-grid{gap:14px}.sustain-resource-grid>a{padding:22px}.sustain-pillars{gap:16px}.sustain-pillars a{font-size:.85rem;gap:10px}
}
@media(max-width:650px){
  .sustain-intro{padding:52px 0}.sustain-intro p{font-size:1rem}.sustain-pillars{grid-template-columns:1fr;gap:0;margin-top:30px}.sustain-pillars a{font-size:.95rem;border-top:0;padding:18px 0}.sustain-pillars a:first-child{border-top:2px solid var(--gold)}
  .sustain-split{grid-template-columns:1fr;gap:48px}.sustain-photo{margin-right:14px}.sustain-photo img{aspect-ratio:1.18;border-top-right-radius:70px}.sustain-photo::before{border-top-right-radius:70px}
  .sustain-reverse .sustain-photo,.sustain-reverse .sustain-copy{grid-column:auto;grid-row:auto}
  .sustain-pillar{padding:55px 0}.sustain-copy .ribbon-tag{font-size:.65rem}.sustain-copy h2{font-size:2rem}.sustain-copy .sustain-lead{font-size:1.05rem}.sustain-photo figcaption{left:18px;right:18px;bottom:18px;padding:13px 16px}
  .sustain-resource-heading{display:block}.sustain-resource-heading>p{margin-top:24px}.sustain-resource-grid{grid-template-columns:1fr;gap:18px}.sustain-resource-grid>a{padding:26px}.sustain-resource-grid>a>span:first-child svg{margin-bottom:20px}.sustain-resources{padding:55px 0 30px}.sustain-image-note{text-align:left}
}
