/* Responsibility: a calm editorial sequence with room for each focus area. */
.page-sustainability .page-hero{min-height:440px}
.page-sustainability .page-hero .container{padding-block:42px 58px}
.page-sustainability .page-hero:after{inset-inline-start:58%;background-position:center}
.page-sustainability .crumbs{font-size:12px;margin-bottom:44px}
.page-sustainability .page-hero h1{font-size:clamp(42px,4.6vw,66px);max-width:50%;line-height:1.15}
.page-sustainability .page-intro{max-width:45%;font-size:16px;line-height:1.9;margin-top:24px}
.page-sustainability .kicker{font-size:11px;letter-spacing:.12em}
.page-sustainability .responsibility-focus{padding-block:76px 80px}
.page-sustainability .section-heading{margin-bottom:30px}
.page-sustainability .section-heading h2{font-size:clamp(32px,3.4vw,48px);line-height:1.25}
.responsibility-nav{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:30px;margin-bottom:36px;border-bottom:1px solid var(--line)}
.responsibility-nav a{display:flex;align-items:center;gap:24px;min-height:46px;padding:12px 20px;font-size:13px;font-weight:600;background:#eeeee6;border:1px solid #d5d9cc;transition:background .2s,border-color .2s}
.responsibility-nav a span{font-size:17px;color:var(--red)}
.responsibility-nav a:hover{background:#fff;border-color:var(--red)}
.page-sustainability main a:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.page-sustainability .responsibility-grid{display:grid;grid-template-columns:1fr;gap:32px}
.page-sustainability .responsibility-card{display:grid;grid-template-columns:1.1fr 1fr;background:#eeeee6;scroll-margin-top:136px;border:1px solid #dce0d4}
.page-sustainability .responsibility-card:target{border-color:#8d9b80}
.page-sustainability .responsibility-card>.responsibility-photo{aspect-ratio:auto;overflow:hidden;position:relative;min-height:370px}
.page-sustainability .responsibility-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-sustainability .responsibility-card>.responsibility-copy-panel{aspect-ratio:auto;overflow:visible;padding:48px 46px;align-self:center}
.page-sustainability .responsibility-copy-panel .kicker{margin-top:0;margin-bottom:24px;color:#626d57}
.page-sustainability .responsibility-copy-panel h3{font-size:clamp(30px,3vw,42px);line-height:1.25;letter-spacing:-.035em;max-width:21ch;margin:0}
.page-sustainability .responsibility-copy-panel>p:last-child{font-size:15px;line-height:1.95;color:var(--muted);margin-top:24px;max-width:49ch}
.page-sustainability .responsibility-card:nth-child(even){grid-template-columns:1fr 1.1fr;background:#30392f;color:#fff;border-color:#30392f}
.page-sustainability .responsibility-card:nth-child(even)>.responsibility-photo{grid-column:2;grid-row:1}
.page-sustainability .responsibility-card:nth-child(even)>.responsibility-copy-panel{grid-column:1;grid-row:1}
.page-sustainability .responsibility-card:nth-child(even) h3{color:#fff}
.page-sustainability .responsibility-card:nth-child(even) .kicker{color:#d4dec9}
.page-sustainability .responsibility-card:nth-child(even) .responsibility-copy-panel>p:last-child{color:#d4dccd}
.responsibility-image-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:22px}
.page-sustainability .responsibility-detail{padding-block:64px;background:#e7eadf;border-top:1px solid #d1d8c6}
.page-sustainability .responsibility-detail>.container{grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.page-sustainability .responsibility-detail h2{font-size:clamp(32px,3.4vw,46px);line-height:1.25}
.page-sustainability .responsibility-detail .container>div>p:not(.kicker){font-size:15px;line-height:1.9;margin-bottom:26px}
.page-sustainability .responsibility-detail .text-link{display:inline-flex;min-height:52px;padding:14px 22px;background:var(--ink);color:white;border:1px solid var(--ink);font-size:13px;gap:28px}
.page-sustainability .responsibility-detail .text-link:hover{background:var(--red);border-color:var(--red)}
@media(max-width:1100px){
 .page-sustainability .responsibility-card>.responsibility-copy-panel{padding:34px 30px}
 .page-sustainability .responsibility-copy-panel h3{font-size:33px}
 .page-sustainability .responsibility-card>.responsibility-photo{min-height:350px}
 .page-sustainability .responsibility-detail>.container{gap:40px}
}
@media(max-width:760px){
 .page-sustainability .page-hero{min-height:0;padding-bottom:190px}
 .page-sustainability .page-hero:after{inset-block-start:auto;inset-block-end:0;inset-inline:0;height:190px;background-position:center 55%}
 .page-sustainability .page-hero .container{padding-block:28px 34px}
 .page-sustainability .crumbs{font-size:11px;margin-bottom:28px}
 .page-sustainability .page-hero h1{font-size:42px;max-width:100%}
 .page-sustainability .page-intro{font-size:14px;max-width:100%;margin-top:20px}
 .page-sustainability .responsibility-focus{padding-block:48px 52px}
 .page-sustainability .section-heading h2{font-size:33px}
 .responsibility-nav{gap:8px;padding-bottom:24px;margin-bottom:28px}
 .responsibility-nav a{font-size:12px;padding:11px 14px;gap:16px;min-height:44px}
 .page-sustainability .responsibility-grid{gap:26px}
 .page-sustainability .responsibility-card,.page-sustainability .responsibility-card:nth-child(even){grid-template-columns:1fr;scroll-margin-top:110px}
 .page-sustainability .responsibility-card>.responsibility-photo{min-height:0;height:260px}
 .page-sustainability .responsibility-card>.responsibility-copy-panel{padding:30px 26px 34px}
 .page-sustainability .responsibility-card:nth-child(even)>.responsibility-photo,.page-sustainability .responsibility-card:nth-child(even)>.responsibility-copy-panel{grid-column:auto;grid-row:auto}
 .page-sustainability .responsibility-copy-panel .kicker{font-size:10px;margin-bottom:20px}
 .page-sustainability .responsibility-copy-panel h3{font-size:30px;max-width:none}
 .page-sustainability .responsibility-copy-panel>p:last-child{font-size:14px;line-height:1.9;margin-top:20px}
 .page-sustainability .responsibility-detail{padding-block:48px}
 .page-sustainability .responsibility-detail>.container{grid-template-columns:1fr;gap:26px}
 .page-sustainability .responsibility-detail h2{font-size:34px}
 .page-sustainability .responsibility-detail .container>div>p:not(.kicker){font-size:14px}
 .page-sustainability .responsibility-detail .text-link{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.responsibility-nav a{transition:none}}
