*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f8f7f4;color:#252524;font-family:Arial,Helvetica,sans-serif}
.site-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fbfaf7;border-bottom:1px solid #e5e3de;position:sticky;top:0;z-index:10}
.brand img{width:108px;height:auto;display:block}
nav{display:flex;gap:30px}
nav a{font-size:11px;letter-spacing:.12em;color:#292927;text-decoration:none}
nav a.active{border-bottom:1px solid #292927;padding-bottom:5px}
.section-label{font-size:11px;letter-spacing:.18em;color:#77756f}
.hero{display:grid;grid-template-columns:18% 42% 40%;min-height:600px;background:#fbfaf7}
.hero-label{padding:105px 0 0 8vw}
.hero-copy{padding:105px 5vw 90px 0;align-self:center;max-width:900px}
.hero-copy h1{font-size:64px;line-height:1.02;font-weight:400;letter-spacing:-.045em;margin:0 0 32px}.hero-copy h1 em{font-style:italic}
.hero-copy p{font-size:20px;line-height:1.55;color:#66645e;max-width:590px;margin:0}
.commitment{display:grid;grid-template-columns:25% 75%;padding:120px 8vw 125px;background:#efeee9}
.commitment-copy{max-width:850px}
.commitment-copy h2,.scope h2,.materials h2,.sourcing h2,.people h2,.closing h2{font-size:50px;line-height:1.08;font-weight:400;letter-spacing:-.035em;margin:20px 0 28px}
.commitment-copy p,.materials-copy p,.sourcing-copy p,.people-copy p,.closing p{font-size:19px;line-height:1.58;color:#66645e;max-width:760px;margin:0 0 24px}
 .scope-chart{padding:105px 8vw 115px;background:#fbfaf7}
.chart-head{display:grid;grid-template-columns:25% 45% 30%;align-items:end;border-bottom:1px solid #d7d5cf;padding-bottom:32px}
.chart-head h2{font-size:50px;line-height:1.08;font-weight:400;letter-spacing:-.035em;margin:0}
.chart-head p{font-size:17px;color:#6d6b65;margin:0 0 4px 35px}
.chart-wrap{height:430px;position:relative;border-bottom:1px solid #bdbbb5;border-left:1px solid #bdbbb5;margin-top:45px;padding-left:60px}
.scope-grid{position:absolute;left:10px;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#85837d}
.scope-bars{height:100%;display:flex;align-items:flex-end;justify-content:space-around;padding:0 7%}
.scope-bar-group{height:100%;width:13%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.scope-bar{width:58%;background:#88837a;position:relative;min-height:2px}
.scope-bar b{position:absolute;top:9px;left:50%;transform:translateX(-50%);font-size:12px;color:#fff;font-weight:400}
.scope-bar-group>span{font-size:11px;margin-top:13px;color:#6e6c66}
.scope-bar-group.current .scope-bar{background:#7d8d80}
.chart-caption{display:flex;justify-content:space-between;align-items:baseline;padding-top:25px}
.chart-caption strong{font-size:28px;font-weight:400;letter-spacing:-.02em}
.chart-caption span{font-size:13px;color:#77756f}
.materials{padding:125px 8vw 120px;background:#efeee9}
.materials-heading{display:grid;grid-template-columns:25% 45% 30%;align-items:start;margin-bottom:55px}
.materials-heading h2{font-size:50px;line-height:1.08;font-weight:400;letter-spacing:-.035em;margin:0}
.materials-heading p{font-size:17px;line-height:1.55;color:#66645e;margin:3px 0 0 35px;max-width:350px}
.material-chart-exact{background:#fff;padding:25px 25px 20px;overflow:hidden}
.material-chart-exact img{display:block;width:100%;height:auto}
.sourcing{display:grid;grid-template-columns:42% 58%;min-height:580px;background:#fbfaf7}
.sourcing-image{display:flex;align-items:center;justify-content:center;background:#fff;padding:90px}
.sourcing-image img{width:min(240px,70%);height:auto}
.sourcing-copy{padding:105px 9vw 90px 7vw}
.sourcing h2{font-size:54px}
.fsc-stat{border-top:1px solid #d6d4ce;border-bottom:1px solid #d6d4ce;padding:26px 0;margin:35px 0 24px;display:flex;align-items:baseline;gap:25px}
.fsc-stat strong{font-size:58px;font-weight:400;letter-spacing:-.04em}
.fsc-stat span{font-size:15px;color:#6c6a64;max-width:260px}
.sourcing-copy .small{font-size:14px}
.people{display:grid;grid-template-columns:50% 50%;padding:125px 8vw;background:#f0efeb}
.people-copy{padding-left:7vw}
.closing{padding:125px 8vw 135px;background:#292927;color:#f5f4f0}
.closing .section-label{color:#aaa8a1}
.closing h2{color:#f5f4f0;margin-bottom:28px}
.closing p{color:#bdbbb4;max-width:700px}
.closing a{display:inline-block;margin-top:35px;color:#f5f4f0;text-decoration:none;border-bottom:1px solid #77756f;padding-bottom:8px;font-size:11px;letter-spacing:.16em}
.site-footer{height:125px;background:#fbfaf7;padding:38px 5vw;border-top:1px solid #e5e3de}
.site-footer img{width:96px}
@media(max-width:850px){
 .chart-head{display:block}.chart-head h2{font-size:40px;margin-top:18px}.chart-head p{margin:20px 0 0}.scope-chart{padding:80px 24px}.chart-wrap{height:350px;min-width:620px;overflow:hidden}.scope-bars{padding:0 3%}.scope-bar{width:62%}.chart-caption{min-width:620px}
 .site-header{height:72px;padding:0 22px}.brand img{width:92px}nav{display:none}
 .hero{display:block;min-height:0}.hero-label{padding:60px 24px 0}.hero-copy{padding:25px 24px 55px}.hero-copy h1{font-size:44px}.hero-copy p{font-size:18px}.hero-image{height:330px}
 .commitment,.scope-head,.materials,.sourcing,.people{display:block}.commitment{padding:80px 24px}.commitment-copy h2,.scope h2,.materials h2,.sourcing h2,.people h2,.closing h2{font-size:40px}
 .commitment-copy p,.materials-copy p,.sourcing-copy p,.people-copy p,.closing p{font-size:18px}
  .scope-chart{padding:105px 8vw 115px;background:#fbfaf7}
.chart-head{display:grid;grid-template-columns:25% 45% 30%;align-items:end;border-bottom:1px solid #d7d5cf;padding-bottom:32px}
.chart-head h2{font-size:50px;line-height:1.08;font-weight:400;letter-spacing:-.035em;margin:0}
.chart-head p{font-size:17px;color:#6d6b65;margin:0 0 4px 35px}
.chart-wrap{height:430px;position:relative;border-bottom:1px solid #bdbbb5;border-left:1px solid #bdbbb5;margin-top:45px;padding-left:60px}
.scope-grid{position:absolute;left:10px;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#85837d}
.scope-bars{height:100%;display:flex;align-items:flex-end;justify-content:space-around;padding:0 7%}
.scope-bar-group{height:100%;width:13%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.scope-bar{width:58%;background:#88837a;position:relative;min-height:2px}
.scope-bar b{position:absolute;top:9px;left:50%;transform:translateX(-50%);font-size:12px;color:#fff;font-weight:400}
.scope-bar-group>span{font-size:11px;margin-top:13px;color:#6e6c66}
.scope-bar-group.current .scope-bar{background:#7d8d80}
.chart-caption{display:flex;justify-content:space-between;align-items:baseline;padding-top:25px}
.chart-caption strong{font-size:28px;font-weight:400;letter-spacing:-.02em}
.chart-caption span{font-size:13px;color:#77756f}
.materials{padding:125px 8vw 120px;background:#efeee9}
.materials-heading{display:grid;grid-template-columns:25% 45% 30%;align-items:start;margin-bottom:55px}
.materials-heading h2{font-size:50px;line-height:1.08;font-weight:400;letter-spacing:-.035em;margin:0}
.materials-heading p{font-size:17px;line-height:1.55;color:#66645e;margin:3px 0 0 35px;max-width:350px}
.material-chart-exact{background:#fff;padding:25px 25px 20px;overflow:hidden}
.material-chart-exact img{display:block;width:100%;height:auto}
.sourcing{min-height:0}.sourcing-image{min-height:300px;padding:60px}.sourcing-copy{padding:70px 24px}
 .people{padding:80px 24px}.people-copy{padding:35px 0 0}
 .closing{padding:85px 24px}
}

.hero-image{display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}