/* Sustainable sourcing page */
.sustainable-page { background:#f5f7fa; color:#26384b; }
.sustainable-page .subpage-hero { padding:52px 0 46px; background:linear-gradient(120deg,#13243a,#1c3957); }
.sustainable-page .subpage-hero h1 { font-size:clamp(28px,4vw,42px); letter-spacing:.2px; }
.sustainable-page .subpage-hero p.desc { max-width:780px; font-size:16px; }
.sustain-main { max-width:1200px; margin:0 auto; padding:50px 22px 76px; }
.sustain-main * { box-sizing:border-box; }
.sustain-intro { display:grid; grid-template-columns:1.02fr .98fr; gap:48px; align-items:center; padding:0 0 60px; }
.sustain-kicker { display:inline-block; color:#1268c9; font-size:11px; font-weight:800; letter-spacing:.14em; line-height:1.5; }
.sustain-intro h2,.sustain-section-heading h2,.sustain-material-copy h2,.sustain-design h2 { margin:10px 0 16px; color:#142942; font-size:clamp(26px,3vw,36px); line-height:1.2; letter-spacing:-.025em; }
.sustain-intro-copy > p,.sustain-material-copy > p,.sustain-design > div > p,.sustain-section-heading > p { color:#53677d; font-size:15px; line-height:1.8; margin:0 0 18px; }
.sustain-checklist { list-style:none; margin:20px 0 24px; padding:0; display:grid; gap:10px; }
.sustain-checklist li { position:relative; padding-left:27px; color:#344b64; font-size:14px; line-height:1.55; }
.sustain-checklist li:before { content:"✓"; position:absolute; left:0; top:0; color:#0a6bd8; font-weight:800; }
.sustain-link { display:inline-flex; gap:10px; align-items:center; color:#075fcb; font-size:13px; font-weight:800; letter-spacing:.04em; text-decoration:none; }
.sustain-link:hover { color:#003f90; }
.sustain-hero-figure,.sustain-material-figure { margin:0; overflow:hidden; border-radius:16px; background:#fff; border:1px solid #e0e7ef; box-shadow:0 16px 38px rgba(22,43,70,.10); }
.sustain-hero-figure img { display:block; width:100%; height:380px; object-fit:cover; }
.sustain-hero-figure figcaption,.sustain-material-figure figcaption { padding:11px 15px; color:#718196; font-size:11px; line-height:1.5; }
.sustain-section { padding:48px 0 62px; border-top:1px solid #dfe6ee; }
.sustain-section-heading { max-width:730px; margin:0 auto 28px; text-align:center; }
.sustain-section-heading h2 { margin:8px 0 12px; font-size:clamp(24px,2.7vw,32px); }
.sustain-section-heading p { margin:0 auto; max-width:720px; }
.sustain-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.sustain-step { min-height:220px; padding:22px 20px; background:#fff; border:1px solid #e1e8ef; border-radius:13px; box-shadow:0 5px 18px rgba(25,47,74,.04); }
.sustain-step-num { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#e9f3ff; color:#1268c9; font-size:12px; font-weight:800; }
.sustain-step h3,.sustain-detail-list h3,.sustain-evidence-grid h3 { margin:17px 0 8px; color:#18304a; font-size:16px; line-height:1.35; }
.sustain-step p,.sustain-detail-list p,.sustain-evidence-grid p { margin:0; color:#61748a; font-size:13px; line-height:1.7; }
.sustain-materials { display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:42px; padding:52px 0; border-top:1px solid #dfe6ee; }
.sustain-material-figure img { display:block; width:100%; height:340px; object-fit:cover; }
.sustain-material-copy h2 { font-size:clamp(24px,2.7vw,32px); }
.sustain-detail-list { display:grid; grid-template-columns:1fr 1fr; gap:14px 22px; margin-top:20px; }
.sustain-detail-list > div { padding-top:13px; border-top:1px solid #dce5ee; }
.sustain-detail-list h3 { margin:0 0 6px; font-size:14px; }
.sustain-evidence { padding:58px 34px; border:1px solid #e4e7e8; border-radius:18px; background:#fffdfa; }
.sustain-evidence-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.sustain-evidence-grid article { padding:22px; border-radius:13px; border:1px solid #e6e9eb; background:#fff; }
.evidence-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:#e8f2ff; color:#075fcb; font-weight:800; }
.sustain-evidence-grid h3 { margin-top:14px; }
.sustain-evidence-note { margin:20px 0 0; padding:14px 16px; border-left:3px solid #f1a84b; background:#fff7e8; color:#725a34; font-size:12px; line-height:1.6; }
.sustain-design { display:grid; grid-template-columns:.86fr 1.14fr; gap:44px; padding:62px 0; align-items:start; }
.sustain-design-list { list-style:none; margin:0; padding:0; display:grid; gap:0; }
.sustain-design-list li { display:grid; grid-template-columns:180px 1fr; gap:20px; padding:14px 0; border-bottom:1px solid #dfe6ee; color:#61748a; font-size:13px; line-height:1.6; }
.sustain-design-list strong { color:#18304a; font-size:14px; }
.sustain-rfq { padding:48px 42px; border-radius:18px; background:#102942; color:#fff; text-align:center; }
.sustain-rfq .sustain-kicker { color:#93c9ff; }
.sustain-rfq h2 { color:#fff; }
.sustain-rfq .sustain-section-heading > p { color:#cfdae6; }
.sustain-rfq-grid { max-width:780px; margin:0 auto 24px; display:grid; grid-template-columns:1fr 1fr; gap:20px; text-align:left; }
.sustain-rfq-grid ul { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.sustain-rfq-grid li { position:relative; padding-left:22px; color:#e4edf5; font-size:13px; line-height:1.5; }
.sustain-rfq-grid li:before { content:"✓"; position:absolute; left:0; color:#64b5ff; font-weight:800; }
.sustain-button { display:inline-block; padding:13px 22px; border-radius:7px; background:#fff; color:#102942; font-size:13px; font-weight:800; text-decoration:none; }
.sustain-button:hover { background:#e9f3ff; }
.sustain-faq { padding:58px 0 0; }
.sustain-faq .sustain-section-heading { text-align:left; margin:0 0 20px; }
.sustain-faq details { padding:17px 2px; border-top:1px solid #dfe6ee; }
.sustain-faq summary { color:#19324d; font-size:15px; font-weight:700; cursor:pointer; }
.sustain-faq details p { max-width:900px; margin:10px 0 0; color:#5e7186; font-size:13px; line-height:1.7; }
@media(max-width:900px) { .sustain-main{padding:34px 18px 56px}.sustain-intro,.sustain-materials,.sustain-design{grid-template-columns:1fr;gap:26px}.sustain-hero-figure img{height:340px}.sustain-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sustain-material-figure{order:2}.sustain-evidence{padding:34px 22px}.sustain-evidence-grid{grid-template-columns:1fr}.sustain-design{padding:44px 0}.sustain-rfq{padding:38px 22px} }
@media(max-width:560px) { .sustainable-page .subpage-hero{padding:38px 0}.sustainable-page .subpage-hero .container{padding:0 16px}.sustainable-page .subpage-hero h1{font-size:26px;line-height:1.18}.sustainable-page .subpage-hero p.desc{font-size:14px}.sustain-main{padding:28px 15px 44px}.sustain-intro h2,.sustain-material-copy h2,.sustain-design h2{font-size:25px}.sustain-hero-figure img,.sustain-material-figure img{height:245px}.sustain-steps{grid-template-columns:1fr}.sustain-step{min-height:0}.sustain-section{padding:38px 0}.sustain-detail-list{grid-template-columns:1fr}.sustain-design-list li{grid-template-columns:1fr;gap:2px}.sustain-evidence{padding:26px 16px}.sustain-rfq-grid{grid-template-columns:1fr}.sustain-rfq{padding:34px 18px}.sustain-faq{padding-top:40px} }