.sustainability{max-width:1280px;margin:0 auto;padding:80px 28px}
.sustainability-header{max-width:820px;margin-bottom:36px}
.sustainability-header h2{font:600 clamp(38px,5vw,62px)/1.02 Georgia,serif;margin:10px 0 18px}
.sustainability-intro{max-width:740px;color:var(--muted);font-size:18px;line-height:1.65}
.sustainability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sustainability-card{display:flex;flex-direction:column;min-height:260px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}
.sustainability-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px}
.sustainability-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--brand) 10%,#fff);color:var(--brand);font-size:13px;font-weight:800;letter-spacing:.08em}
.sustainability-card img{display:block;max-width:112px;max-height:72px;width:auto;height:auto;object-fit:contain}
.sustainability-card h3{font:600 24px/1.12 Georgia,serif;margin:28px 0 12px}
.sustainability-card-text{color:var(--muted);line-height:1.6}
.sustainability-card-text p{margin:0}
.sustainability-card a{display:inline-block;margin-top:auto;padding-top:20px;color:var(--brand);font-weight:700;text-decoration:none}
.sustainability-card a:hover{text-decoration:underline}
@media(max-width:980px){.sustainability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.sustainability{padding:58px 16px}.sustainability-grid{grid-template-columns:1fr}.sustainability-card{min-height:0}.sustainability-card h3{margin-top:22px}}