/* Loaded exclusively by page-sustainability.php. Every selector stays in this page. */
.hc-sus { padding-top:135px; color:#173b50; font:400 17px/1.65 Geograph-Regular,Arial,sans-serif; }
.hc-sus *, .hc-sus *::before, .hc-sus *::after { box-sizing:border-box; }
.hc-sus .hc-sus-wrap { width:min(100% - 64px,1200px); margin-inline:auto; }
.hc-sus h1,.hc-sus h2,.hc-sus h3 { color:#173b50; font-family:Geograph-Black-Bold,Arial,sans-serif; font-weight:400; }
.hc-sus h1 { margin:0 0 24px; font-size:clamp(39px,3.6vw,56px); line-height:1.08; letter-spacing:-.025em; }
.hc-sus h2 { margin:0 0 22px; font-size:clamp(29px,2.6vw,40px); line-height:1.2; letter-spacing:-.02em; }
.hc-sus h3 { margin:0 0 14px; font-size:23px; line-height:1.3; }
.hc-sus p { margin:0 0 18px; overflow-wrap:break-word; }
.hc-sus figure { margin:0; }
.hc-sus img { display:block; width:100%; height:auto; }
.hc-sus figcaption { margin-top:14px; color:#506878; font-size:14px; line-height:1.5; }
.hc-sus a:focus-visible { outline:3px solid #0a76b6; outline-offset:5px; }
.hc-sus .hc-sus-eyebrow { color:#126e9e; font:400 12px/1.4 Geograph-Medium,Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; margin-bottom:15px; }
.hc-sus .hc-sus-note { color:#526978; font-size:14px; line-height:1.55; }
.hc-sus .hc-sus-breadcrumb { display:block; }
.hc-sus .hc-sus-breadcrumb ol { display:flex; gap:14px; list-style:none; margin:0; padding:17px 0; font-size:13px; color:#506878; }
.hc-sus .hc-sus-breadcrumb li+li::before { content:'/'; padding-right:14px; }
.hc-sus .hc-sus-breadcrumb a { color:#126e9e; }
.hc-sus .hc-sus-hero { padding:64px 0; background:#eef5f7; }
.hc-sus .hc-sus-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(32px,5vw,72px); align-items:center; }
.hc-sus .hc-sus-lead { font-size:19px; line-height:1.65; }
.hc-sus .hc-sus-hero-figure { padding:20px; background:#fff; }
.hc-sus .hc-sus-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin:27px 0 22px; }
.hc-sus .hc-sus-button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 25px; border-radius:28px; background:#1178b3; color:#fff; font:400 15px/1.4 Geograph-Medium,Arial,sans-serif; text-decoration:none; }
.hc-sus .hc-sus-button:hover { background:#095a8a; color:#fff; }
.hc-sus .hc-sus-text-link { display:inline-block; padding:8px 0; color:#096b9f; text-decoration:underline; text-underline-offset:4px; font-family:Geograph-Medium,Arial,sans-serif; }
.hc-sus .hc-sus-section { padding:80px 0; scroll-margin-top:135px; }
.hc-sus .hc-sus-section-intro { max-width:830px; margin-bottom:36px; }
.hc-sus .hc-sus-tint { background:#f1f6f8; }
.hc-sus .hc-sus-material-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.hc-sus .hc-sus-material-card { border:1px solid #dce6eb; }
.hc-sus .hc-sus-material-card figure { height:310px; padding:16px; background:#f8fafb; }
.hc-sus .hc-sus-material-card img { width:100%; height:100%; object-fit:contain; }
.hc-sus .hc-sus-material-card>div { padding:28px; }
.hc-sus .hc-sus-material-card .hc-sus-text-link { margin-right:18px; font-size:15px; }
.hc-sus .hc-sus-factory-figure { align-self:center; }
.hc-sus .hc-sus-list { margin:22px 0 10px; padding-left:22px; }
.hc-sus .hc-sus-list li { margin:9px 0; list-style:disc; }
.hc-sus .hc-sus-scope-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.hc-sus .hc-sus-scope-card { padding:32px; background:#fff; border-top:3px solid #1680b5; }
.hc-sus .hc-sus-scope-card dl { margin:24px 0 16px; font-size:15px; line-height:1.6; }
.hc-sus .hc-sus-scope-card dl>div { border-top:1px solid #e0e8ed; padding:14px 0; }
.hc-sus .hc-sus-scope-card dt { font-family:Geograph-Medium,Arial,sans-serif; margin-bottom:5px; }
.hc-sus .hc-sus-scope-card dd { margin:0; color:#486273; overflow-wrap:anywhere; }
.hc-sus .hc-sus-guidance { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:72px; }
.hc-sus .hc-sus-checklist { margin:0; padding-left:25px; }
.hc-sus .hc-sus-checklist li { padding:0 0 20px 12px; margin-bottom:20px; border-bottom:1px solid #dce6eb; list-style:decimal; }
.hc-sus .hc-sus-checklist li::marker { color:#126e9e; font-family:Geograph-Medium,Arial,sans-serif; }
.hc-sus .hc-sus-checklist h3 { font-size:20px; margin-bottom:10px; }
.hc-sus .hc-sus-checklist p { margin:0; }
.hc-sus .hc-sus-cta { padding:55px 0; background:#e5f1f7; }
.hc-sus .hc-sus-cta>.hc-sus-wrap { display:flex; align-items:center; gap:50px; justify-content:space-between; }
.hc-sus .hc-sus-cta>.hc-sus-wrap>div { max-width:790px; }
.hc-sus .hc-sus-cta h2 { font-size:clamp(28px,2.6vw,36px); }
.hc-sus .hc-sus-cta p:last-child { margin:0; }
.hc-sus .hc-sus-cta .hc-sus-button { flex-shrink:0; }
@media(max-width:1200px) { .hc-sus { padding-top:60px; } .hc-sus .hc-sus-section { scroll-margin-top:70px; } }
@media(max-width:1024px) {
 .hc-sus .hc-sus-wrap { width:calc(100% - 48px); }
 .hc-sus .hc-sus-hero { padding:46px 0; }
 .hc-sus .hc-sus-section { padding:60px 0; }
 .hc-sus .hc-sus-split,.hc-sus .hc-sus-guidance { gap:32px; }
 .hc-sus h1 { font-size:40px; }
 .hc-sus .hc-sus-hero-figure { padding:12px; }
 .hc-sus .hc-sus-material-card figure { height:260px; }
 .hc-sus .hc-sus-scope-card { padding:24px; }
}
@media(max-width:767px) {
 .hc-sus { font-size:16px; line-height:1.65; }
 .hc-sus .hc-sus-wrap { width:calc(100% - 40px); }
 .hc-sus .hc-sus-split,.hc-sus .hc-sus-material-grid,.hc-sus .hc-sus-scope-grid,.hc-sus .hc-sus-guidance { grid-template-columns:minmax(0,1fr); gap:28px; }
 .hc-sus .hc-sus-hero { padding:34px 0 38px; }
 .hc-sus h1 { font-size:36px; line-height:1.12; margin-bottom:20px; }
 .hc-sus h2 { font-size:29px; line-height:1.22; }
 .hc-sus h3 { font-size:22px; }
 .hc-sus .hc-sus-lead { font-size:17px; }
 .hc-sus .hc-sus-actions { align-items:flex-start; flex-direction:column; gap:10px; margin:22px 0 16px; }
 .hc-sus .hc-sus-section { padding:44px 0; }
 .hc-sus .hc-sus-section-intro { margin-bottom:25px; }
 .hc-sus .hc-sus-material-card>div,.hc-sus .hc-sus-scope-card { padding:23px; }
 .hc-sus .hc-sus-material-card figure { height:270px; }
 .hc-sus .hc-sus-manufacturing>div { grid-row:1; }
 .hc-sus .hc-sus-cta { padding:38px 0; }
 .hc-sus .hc-sus-cta>.hc-sus-wrap { align-items:flex-start; flex-direction:column; gap:24px; }
 .hc-sus .hc-sus-cta .hc-sus-button { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .hc-sus * { scroll-behavior:auto; } }
