*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f6f2;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}
.hero{display:grid;grid-template-columns:16% 42% 42%;min-height:650px;background:#fbfaf7}
.hero-label{padding:105px 0 0 8vw;font-size:11px;letter-spacing:.18em;color:#77756f}
.hero-copy{padding:100px 5vw 75px 0;align-self:center}
.hero-copy h1{font-size:60px;line-height:1.05;font-weight:400;letter-spacing:-.04em;margin:0 0 30px}
.hero-copy p{font-size:20px;line-height:1.55;color:#68665f;max-width:600px;margin:0}
.hero-image{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.hero-image img{width:100%;height:auto;max-height:100%;object-fit:contain;display:block}
.workflow-intro{display:grid;grid-template-columns:25% 75%;padding:120px 8vw 80px;background:#f0efeb}
.section-label{font-size:11px;letter-spacing:.18em;color:#77756f}
.workflow-copy{max-width:880px}
.workflow-copy h2,.chance h2,.quality h2,.testing h2,.closing h2{font-size:50px;line-height:1.08;font-weight:400;letter-spacing:-.035em;margin:20px 0 28px}
.workflow-copy p,.chance-copy p,.quality-copy p,.testing-copy p,.closing p{font-size:19px;line-height:1.58;color:#66645e;max-width:760px;margin:0}
.workflow-visual img{display:block;width:100%;height:auto}
.chance{display:grid;grid-template-columns:50% 50%;padding:125px 8vw;background:#fbfaf7}
.chance-copy{padding-right:7vw}
.controls{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c9c7c1}
.controls div{min-height:92px;border-bottom:1px solid #c9c7c1;padding:20px 12px 16px 0;display:flex;gap:22px;align-items:flex-start}
.controls strong{font-size:11px;letter-spacing:.12em;color:#8a8881;font-weight:400}
.controls span{font-size:17px;line-height:1.35}
.quality{display:grid;grid-template-columns:45% 55%;background:#e9e7e0;min-height:600px}
.quality-copy{padding:105px 7vw 90px 8vw}
.quality-image{display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}
.quality-image img{width:100%;height:auto;display:block}
.marks{padding:120px 8vw 125px;background:#fbfaf7}
.marks-heading{display:grid;grid-template-columns:45% 55%;margin-bottom:70px}
.marks-heading h2{font-size:46px;line-height:1.08;font-weight:400;letter-spacing:-.03em;margin:0}
.mark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:center}
.mark-grid figure{margin:0;min-height:120px;display:flex;align-items:center;justify-content:center}
.mark-grid img{max-width:100%;max-height:100px;object-fit:contain}
.testing{display:grid;grid-template-columns:55% 45%;background:#efeee9}
.testing-image{background:#fff;display:flex;align-items:center;justify-content:center}
.testing-image img{width:100%;height:auto;display:block}
.testing-copy{padding:110px 8vw 100px 7vw}
.testing-copy .strong{font-weight:600;color:#383735;margin-top:30px}
.standards{font-size:15px!important;letter-spacing:.04em}.sustainability-link{display:inline-block;margin-top:38px;color:#252524;text-decoration:none;border-bottom:1px solid #77756f;padding-bottom:8px;font-size:11px;letter-spacing:.16em}
.closing{padding:125px 8vw 135px;background:#252523;color:#f5f4f0}
.closing .section-label{color:#aaa8a1}
.closing h2{color:#f5f4f0;margin-bottom:28px}
.closing p{color:#b9b7b0;max-width:700px}
.closing a{display:inline-block;margin-top:38px;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){
 .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 50px}
 .hero-copy h1{font-size:42px}.hero-copy p{font-size:18px}.hero-image{height:380px}
 .workflow-intro,.chance,.quality,.marks-heading,.testing{display:block}
 .workflow-intro{padding:80px 24px 55px}.workflow-copy h2,.chance h2,.quality h2,.testing h2,.closing h2{font-size:40px}
 .workflow-copy p,.chance-copy p,.quality-copy p,.testing-copy p,.closing p{font-size:18px}
 .chance{padding:80px 24px}.chance-copy{padding:0 0 45px}
 .controls{grid-template-columns:1fr}.quality-copy{padding:80px 24px 50px}.quality-image{min-height:300px}
 .marks{padding:80px 24px}.marks-heading{margin-bottom:45px}.marks-heading h2{font-size:38px;margin-top:20px}
 .mark-grid{grid-template-columns:repeat(3,1fr);gap:24px}.testing-image{min-height:280px}.testing-copy{padding:70px 24px}
 .closing{padding:85px 24px}
}