/* Materials partner portfolio. */
.materials-shell { max-width:1600px; margin:auto; padding:40px var(--gutter) 80px }
.materials-topline { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:38px }
.materials-topline .eyebrow { margin:0 }
.materials-hero-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:48px; align-items:end; padding-bottom:64px }
.materials-hero h1 { font:500 clamp(3.7rem,6.8vw,7rem)/.96 var(--display); letter-spacing:-.055em; margin:0 }
.materials-hero h1 em { font-style:normal; color:var(--muted) }
.materials-hero-grid>div>p { font-size:1.08rem; line-height:1.65; margin:0 0 25px }
.materials-hero-grid small { display:block; margin-top:17px; font-size:.75rem; color:var(--muted); line-height:1.6 }
.materials-section-head { display:flex; justify-content:space-between; align-items:start; gap:30px; margin-bottom:30px }
.materials-section-head h2,.materials-chain h2,.materials-process h2,.materials-close h2 { font:500 clamp(1.9rem,3.1vw,3rem)/1.08 var(--display); letter-spacing:-.035em; margin:0 }
.materials-section-head .mini { padding-top:6px }
.materials-portfolio { border-top:1px solid var(--line); padding-top:32px }
.material-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line) }
.material-card { display:flex; flex-direction:column; background:var(--paper); padding:26px 23px; min-width:0 }
.material-formula { display:flex; flex-direction:column; justify-content:center; min-height:122px; font:500 clamp(1.8rem,3vw,3rem)/1.04 var(--display); letter-spacing:-.055em }
.material-formula small { font-size:.68em; color:var(--muted); line-height:1.4 }
.material-card:nth-child(3) { background:var(--ink); color:var(--paper) }
.material-card:nth-child(3) .material-formula { color:var(--accent) }
.material-card h3 { font:500 1.35rem/1.14 var(--display); letter-spacing:-.025em; margin:16px 0 12px; min-height:3.1em }
.material-card p { font-size:.86rem; line-height:1.65; color:var(--muted); margin:0 0 25px }
.material-card:nth-child(3) p { color:#c5cbc2 }
.material-proof { margin-top:auto; padding-top:16px; border-top:1px solid var(--line); font-size:.73rem; line-height:1.5 }
.material-card:nth-child(3) .material-proof { border-color:#51564d; color:#d0d9c3 }
.material-proof a { text-decoration:underline; text-underline-offset:3px }
.materials-chain { margin:30px 0 70px; padding:30px; background:var(--soft) }
.materials-chain figcaption { display:flex; justify-content:space-between; align-items:start; gap:30px; margin-bottom:30px }
.materials-chain h2 { font-size:1.6rem }
.materials-chain figcaption p { max-width:340px; font-size:.75rem; line-height:1.55; color:var(--muted); margin:0 }
.materials-chain ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:0; list-style:none; gap:30px }
.materials-chain li { border-top:2px solid #69785a; position:relative; padding-top:14px }
.materials-chain li:not(:last-child)::after { content:'→'; position:absolute; top:-14px; right:-22px; color:#69785a; background:var(--soft) }
.materials-chain li>span { color:var(--muted); display:block; font:.7rem var(--mono); margin-bottom:10px }
.materials-chain strong { font-size:1rem; font-weight:550; display:block; margin-bottom:7px }
.materials-chain small { color:var(--muted); font-size:.75rem; line-height:1.4; display:block }
.partner-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px }
.partner-values article { border-top:1px solid var(--line); padding-top:24px }
.partner-values article>span { display:flex; width:34px; height:34px; align-items:center; justify-content:center; background:var(--accent); font:.75rem var(--mono); border-radius:50% }
.partner-values h3 { font:500 1.55rem/1.15 var(--display); letter-spacing:-.025em; margin:22px 0 13px }
.partner-values p { font-size:.875rem; line-height:1.7; color:var(--muted); max-width:350px }
.sourcing-focus { margin:38px 0 64px; padding:28px 30px; background:var(--ink); color:var(--paper); display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center }
.sourcing-focus h3 { font:500 1.65rem var(--display); letter-spacing:-.025em; margin:0 0 12px }
.sourcing-focus p { font-size:.8rem; line-height:1.6; margin:0; color:#c5cbc2; max-width:440px }
.sourcing-tags { display:flex; gap:9px; flex-wrap:wrap; justify-content:flex-end }
.sourcing-tags span { font:.7rem var(--mono); border:1px solid #657252; border-radius:24px; padding:12px 14px; color:var(--accent) }
.materials-process>ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; margin:30px 0 0; padding:0; list-style:none; counter-reset:none }
.materials-process li { border-top:1px solid var(--line); padding-top:18px }
.materials-process li>span { display:block; font:.7rem var(--mono); color:var(--muted); margin-bottom:13px }
.materials-process strong { font:500 1.25rem var(--display) }
.materials-process li p { font-size:.8rem; line-height:1.5; color:var(--muted) }
.materials-note { font-size:.72rem; color:var(--muted); line-height:1.6; margin:25px 0 0; max-width:880px }
.materials-close { display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid var(--line); margin-top:62px; padding-top:35px }
.materials-close p { color:var(--muted); font-size:.83rem; margin:17px 0 0 }
@media(max-width:1100px) {
 .material-cards { grid-template-columns:repeat(2,minmax(0,1fr)) }
 .material-formula { min-height:94px; font-size:2.8rem }
 .material-card h3 { min-height:0 }
 .materials-hero-grid { grid-template-columns:1fr; gap:30px }
 .materials-hero h1 { font-size:clamp(3.7rem,8vw,6rem) }
 .materials-hero-grid>div { max-width:580px }
}
@media(max-width:700px) {
 .materials-shell { padding-top:26px }
 .materials-topline { align-items:flex-start; gap:15px }
 .materials-topline .eyebrow { font-size:.65rem; line-height:1.5 }
 .materials-section-head,.materials-chain figcaption { flex-direction:column; gap:18px }
 .materials-hero-grid { padding-bottom:42px }
 .partner-values { grid-template-columns:1fr; gap:15px }
 .partner-values article { display:grid; grid-template-columns:38px 1fr; column-gap:16px }
 .partner-values h3 { margin:3px 0 12px }
 .partner-values p { grid-column:2; max-width:none; margin:0 0 15px }
 .sourcing-focus { grid-template-columns:1fr; gap:24px; padding:25px }
 .sourcing-tags { justify-content:flex-start }
 .materials-process>ol { grid-template-columns:1fr 1fr; gap:18px }
 .materials-close { align-items:start; flex-direction:column }
 .materials-chain { padding:24px }
 .materials-chain ol { grid-template-columns:1fr 1fr; gap:25px }
 .materials-chain li:nth-child(2)::after { display:none }
}
@media(max-width:430px) {
 .material-card { padding:20px 15px }
 .material-formula { font-size:2rem; min-height:80px }
 .material-card h3 { font-size:1.18rem }
 .material-card p { font-size:.8rem }
 .materials-hero h1 { font-size:3.4rem }
 .materials-hero-grid>div>p { font-size:.96rem }
 .materials-chain { padding:20px }
}