@font-face{font-family:NubeSans;src:local("Avenir Next"),local("Avenir"),local("Helvetica Neue"),local("Arial");font-weight:400}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f6f5f1;color:#222;font-family:NubeSans,Arial,sans-serif;font-weight:400}
a{color:inherit;text-decoration:none}
.site-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#f8f7f4;border-bottom:1px solid #d8d6d0;position:sticky;top:0;z-index:10}
.brand img{width:92px;height:auto;display:block}
nav{display:flex;gap:30px;align-items:center;font-size:11px;letter-spacing:.12em}
.hero{position:relative;min-height:0;background:#f8f7f4;overflow:hidden}
.hero-image{margin:0;width:100%;line-height:0;background:#fff}
.hero-image img{width:100%;height:auto;display:block;object-fit:contain}
.hero-copy{position:absolute;left:6vw;bottom:8%;z-index:2;width:34vw;max-width:520px;padding:28px 34px 30px;background:rgba(248,247,244,.90)}
.hero-copy h1{font-size:clamp(42px,4.2vw,68px);line-height:1.03;font-weight:400;letter-spacing:-.045em;margin:0;max-width:680px}
.brands{background:#fff;padding:76px 5vw 84px;border-top:1px solid #dddcd7}
.section-label{font-size:10px;letter-spacing:.16em;color:#77756f}
.brands-art-wrap{margin:45px auto 0;max-width:1320px}
.brands-art-wrap img{display:block;width:100%;height:auto}
.capabilities{padding:100px 5vw 110px;background:#f6f5f1}
.intro-row{display:grid;grid-template-columns:20% 80%;align-items:start;margin-bottom:50px}
h2{font-size:45px;line-height:1.08;font-weight:400;letter-spacing:-.035em;margin:0}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cap-grid article{margin:0}
.cap-grid img{display:block;width:100%;height:420px;object-fit:contain;background:#fff}
.cap-grid article:nth-child(2) img{object-position:center 45%}
.cap-grid h3{font-size:11px;letter-spacing:.15em;font-weight:400;margin:16px 0 0}
.nothing{display:grid;grid-template-columns:45% 55%;min-height:570px;background:#eeede8}
.nothing-image{margin:0;min-height:570px;overflow:hidden;order:2}
.nothing-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.nothing-copy{padding:105px 7vw 90px 7vw;display:flex;flex-direction:column;justify-content:center;order:1}
.nothing-copy h2{max-width:560px;margin-top:18px}
.nothing-copy .hairline{margin:35px 0 28px}
.nothing-copy p{font-size:22px;line-height:1.48;max-width:620px;margin:0;color:#66645f}
.end-panel{display:grid;grid-template-columns:45% 55%;min-height:390px;background:#e7e5df}
.end-copy{padding:80px 7vw;display:flex;flex-direction:column;justify-content:center}
.end-copy p{font-size:30px;line-height:1.2;margin:16px 0 0}
.end-image{margin:0;overflow:hidden}
.end-image img{width:100%;height:100%;display:block;object-fit:cover}
footer{height:150px;background:#f8f7f4;border-top:1px solid #d8d6d0;display:flex;align-items:center;padding:0 5vw}
footer img{width:86px;height:auto}
@media(max-width:800px){
 .site-header{height:72px;padding:0 6vw}.brand img{width:78px}nav{display:none}
 .hero{display:block}.hero-image{min-height:0}.hero-copy{position:relative;left:auto;bottom:auto;margin:-92px 6vw 0;max-width:none;padding:24px 24px 28px}.hero-copy h1{font-size:42px}
 .brands{padding:60px 5vw}.brands-art-wrap{margin-top:30px}
 .capabilities{padding:72px 6vw}.intro-row{display:block;margin-bottom:34px}.intro-row h2{margin-top:16px;font-size:38px}
 .cap-grid{display:block}.cap-grid article{margin-bottom:42px}.cap-grid img{height:auto;max-height:none}.cap-grid h3{margin-top:12px}
 .nothing{display:flex;flex-direction:column}.nothing-image{min-height:350px}.nothing-copy{padding:65px 8vw 75px}.nothing-copy p{font-size:19px}
 .end-panel{display:block}.end-copy{padding:62px 8vw}.end-image{height:300px}
 footer{height:110px}
}