:root{
 --paper:#f2f0ea; --ink:#111215; --dark:#111820; --rust:#9b5b3b; --light:#f3eee3;
 --serif: Georgia, 'Times New Roman', serif; --sans: Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
.header{height:92px;padding:0 2.7vw;background:#11151b;color:#f4eee4;display:flex;align-items:center;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.12)}
.logo{font-weight:700;letter-spacing:.22em;font-size:16px}.logo span{font-size:.72em;margin-left:.45em}
.header nav{margin-left:auto;display:flex;gap:3.1vw}.header nav a{font-size:11px;font-weight:700;letter-spacing:.1em}
.menuBtn{display:none}
.hero{height:760px;position:relative;overflow:hidden;color:#f5f0e7}
.hero>img{position:absolute;inset:0}
.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.82),rgba(5,7,10,.49) 43%,rgba(5,7,10,.08) 76%)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 24.8%,rgba(255,255,255,.16) 25%,transparent 25.15%,transparent 49.8%,rgba(255,255,255,.16) 50%,transparent 50.15%,transparent 74.8%,rgba(255,255,255,.16) 75%,transparent 75.15%);pointer-events:none}
.heroContent{position:absolute;left:2.8vw;bottom:9%;z-index:2;width:min(790px,63vw)}
.kicker{font-size:11px;font-weight:700;letter-spacing:.15em;margin-bottom:24px}
.light{color:#e9e2d8}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;margin:0}
h1{font-size:clamp(64px,6.5vw,105px);line-height:.9}
.heroContent p{font-size:18px;font-weight:600;max-width:590px;margin:30px 0 38px}
.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;min-width:295px;padding:21px 26px;font-size:11px;font-weight:700;letter-spacing:.14em}
.pale{background:#f1ece2;color:#222}
.dark{background:#11151b;color:#f4eee4}
.caption{position:absolute;z-index:2;right:2.8vw;bottom:4.5%;font-size:9px;letter-spacing:.14em}
.foundation{min-height:525px;padding:115px 5.6vw;display:grid;grid-template-columns:1.5fr .78fr;gap:11vw;align-items:center}
.foundation h2,.contact h2{font-size:clamp(58px,5.35vw,86px);line-height:.98}
.foundationRight p{font-size:20px;line-height:1.5;margin:0 0 42px}
.lineLink{display:flex;justify-content:space-between;border-bottom:1px solid currentColor;padding:0 0 13px;font-size:10px;font-weight:700;letter-spacing:.15em}
.work{display:grid;grid-template-columns:1fr 1fr;min-height:690px}
.workImage{min-height:690px}
.workText{padding:78px 7vw;display:flex;flex-direction:column;justify-content:center}
.workText h2{font-size:clamp(61px,4.8vw,80px);line-height:1;margin-bottom:26px}
.workText>p{font-size:18px;max-width:575px;margin:0 0 20px}
.rows{margin:0 0 38px;border-top:1px solid rgba(15,16,18,.22)}
.rows div{padding:13px 0;border-bottom:1px solid rgba(15,16,18,.22);font-weight:600}
.workDark{background:#111820;color:#f3eee5}
.workDark .rows{border-color:rgba(255,255,255,.26)}
.workDark .rows div{border-color:rgba(255,255,255,.26)}
.about{min-height:570px;background:#9a5a3b;color:#f3ede4;padding:105px 5.5vw;display:grid;grid-template-columns:1.6fr .78fr;gap:10vw;align-items:center}
.about h2{font-size:clamp(56px,5.1vw,83px);line-height:.98}
.aboutText{font-size:19px;line-height:1.55}.aboutText p{margin:0 0 26px}
.contact{min-height:620px;padding:100px 4vw;display:grid;grid-template-columns:1.55fr .62fr;gap:11vw;align-items:center}
.contact>div>p{font-size:20px;max-width:680px;margin:32px 0 0}
.contactRight{display:flex;flex-direction:column}
.contactRight .cta{margin-bottom:20px}
.contactRow{display:flex;flex-direction:column;border-top:1px solid rgba(15,16,18,.22);padding:18px 0 16px;gap:5px}
.contactRow small{font-size:9px;letter-spacing:.15em}.contactRow a,.contactRow span{font-size:16px;font-weight:600}
footer{border-top:1px solid rgba(15,16,18,.22);padding:30px 4vw 42px;display:grid;grid-template-columns:1.1fr 1.6fr 1fr 1.6fr;gap:25px;align-items:center;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.footerLogo{font-size:15px}

@media(max-width:900px){
 .header{height:72px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#11151b;flex-direction:column;padding:25px 5vw}.header nav.open{display:flex}.menuBtn{display:block;margin-left:auto;background:none;border:0;color:#f4eee4;font-weight:700;letter-spacing:.12em}
 .hero{height:710px}.heroContent{width:90vw;left:5vw}.heroContent p{font-size:16px}.caption{display:none}
 .foundation,.about,.contact{grid-template-columns:1fr;gap:45px;padding:80px 7vw}
 .work{grid-template-columns:1fr}.workImage{min-height:460px}.workText{padding:70px 7vw}.workDark .workText{order:2}.workDark .workImage{order:1}
 footer{grid-template-columns:1fr;gap:14px}
}
@media(max-width:560px){
 .logo{font-size:12px}.hero{height:650px}.overlay{background:rgba(5,7,10,.58)}.heroContent{bottom:8%}
 h1{font-size:53px}.foundation h2,.contact h2,.about h2{font-size:46px}.workText h2{font-size:50px}
 .cta{min-width:0;width:100%;gap:20px}.workImage{min-height:360px}
 .foundationRight p,.aboutText,.contact>div>p,.workText>p{font-size:17px}
}