@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#202522;--paper:#f3f1eb;--gold:#b69c73;--muted:#71756e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button,input,textarea,select{outline-offset:6px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d8ce}.brand{font-family:Manrope,Arial,sans-serif;font-size:34px;letter-spacing:5px;font-weight:600;line-height:1}.brand span{display:block;font-size:9px;letter-spacing:4px;margin-top:7px}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav a:hover,.textlink:hover{color:#917447}.navcta{border:1px solid #babdb2;padding:13px 18px}.navcta b{margin-left:30px}#menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:650px}.hero-copy{padding:75px 7% 30px 9%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.8}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:400;letter-spacing:-1.8px}h1{font-size:clamp(38px,4vw,65px);line-height:1.12;margin:35px 0 25px}em{font-family:Georgia,serif;font-weight:400;color:#968361}h2{font-size:clamp(31px,3.2vw,48px);line-height:1.18;margin:20px 0}h3{font-size:25px;letter-spacing:-.8px;margin:0 0 12px}p{line-height:1.8}.intro{font-size:15px;max-width:420px;color:#6a7068;margin:0 0 28px}.button{display:flex;justify-content:space-between;gap:40px;background:var(--ink);color:#fff;padding:18px 24px;border:0;font-size:12px;cursor:pointer}.button:hover{background:#455047}.hero-bottom{margin-top:auto;padding-top:50px;font-size:9px;letter-spacing:1px;display:flex;width:100%;justify-content:space-between}.hero-art{position:relative;background:#b8b0a2;overflow:hidden}.hero-art svg{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.84)}.art-label{position:absolute;bottom:45px;left:30px;right:30px;color:white;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px}.hero-art small{position:absolute;bottom:20px;left:30px;font-size:9px;color:#eee}.statement{padding:95px 8%;display:grid;grid-template-columns:1fr 2fr 1.4fr;gap:45px;border-bottom:1px solid #d5d7cd}.statement h2{margin:0;font-size:34px}.statement>p:last-child{margin:0;font-size:13px;color:var(--muted)}.capabilities{padding:90px 8%;display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.service{padding:29px 0;display:grid;grid-template-columns:40px 1fr 30px;gap:15px;border-bottom:1px solid #cdd0c4}.service:first-child{border-top:1px solid #cdd0c4}.service p{font-size:12px;color:var(--muted);max-width:370px;margin:0}.number{font-size:10px;color:#968361;padding-top:7px}.arrow{font-size:24px}.service:hover h3{color:#968361}.material{display:grid;grid-template-columns:1fr 1fr;background:#202a26;color:#f3f1eb}.veneer{min-height:520px;position:relative;background:repeating-linear-gradient(93deg,#644933 0px,#674b34 3px,#866445 5px,#503c2d 7px,#755639 10px,#715137 14px);overflow:hidden}.veneer:after{content:'';position:absolute;inset:-30%;background:repeating-radial-gradient(ellipse at 40% 40%,transparent 0 14px,#271c1540 16px 18px,transparent 21px 30px);transform:scaleX(.3) rotate(-15deg)}.veneer span{position:absolute;bottom:30px;left:40px;z-index:1;font-size:10px;letter-spacing:3px;color:#f0e6d6}.material-copy{padding:75px 15%}.material-copy p:not(.eyebrow){font-size:13px;color:#bcc2b9}.textlink{display:inline-block;padding:15px 0;border-bottom:1px solid #9c9e8d;font-size:12px}.about{padding:100px 8%;display:grid;grid-template-columns:1fr 2fr 1.4fr;gap:45px}.about h2{font-size:35px;margin:0}.about>div p{font-size:13px;color:var(--muted);margin-top:0}.contact{background:#e6e7de;padding:90px 12%;display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact p{font-size:14px;max-width:340px}.contact small{display:block;font-size:11px;color:#71756e;line-height:1.7;max-width:330px}form label{display:block;font-size:11px;margin-bottom:20px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #a9afa0;padding:12px 0;background:transparent;color:var(--ink);border-radius:0}textarea{resize:vertical}form .button{width:100%}#status{font-size:12px}footer{padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer>span,footer>a:last-child{font-size:11px;color:#71756e}.skip{position:absolute;top:-60px;z-index:99;padding:15px;background:white}.skip:focus{top:0}.detail{padding:65px 12% 90px;background:#202a26;color:#f3f1eb}.detail .eyebrow{margin-top:65px;color:var(--gold)}.detail h1{max-width:800px;font-size:70px}.detail .intro{max-width:650px;color:#c0c5ba}.detail .button{background:#b69c73;color:#202522;display:inline-flex}.detail-list,.related{padding:75px 12%}.detail-list>div{display:flex;gap:45px;align-items:center;border-bottom:1px solid #ced0c5}.detail-list>div span{color:#968361;font-size:12px}.detail-list>p:last-child{max-width:650px;color:#71756e;margin-top:40px}.related{background:#e6e7de}.related a{margin-right:40px}@media(max-width:1000px){nav{gap:16px}.statement,.about{grid-template-columns:1fr 2fr}.statement>p:last-child,.about>div{grid-column:2}.capabilities{gap:40px}.contact{padding:70px 8%;gap:50px}.hero-copy{padding-top:50px}}@media(max-width:700px){header{height:85px}.brand{font-size:29px}#menu{display:block;border:0;background:none;padding:15px}nav{display:none;position:absolute;top:85px;left:0;right:0;z-index:5;background:var(--paper);padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{display:block}.hero-copy{padding:45px 7% 30px}h1{font-size:44px}.hero-bottom{padding-top:40px}.hero-art{height:390px}.statement,.about,.capabilities,.contact,.material{display:block}.statement,.about,.capabilities{padding:60px 7%}.statement>p:last-child,.about>div{margin-top:25px}.section-title{margin-bottom:35px}.service{grid-template-columns:25px 1fr 22px;gap:10px}h3{font-size:22px}.veneer{min-height:300px}.material-copy{padding:50px 7%}.contact{padding:60px 7%}.contact form{margin-top:40px}footer{flex-wrap:wrap;gap:22px}footer p{width:55%}.detail{padding:40px 7% 65px}.detail h1{font-size:46px}.detail-list,.related{padding:50px 7%}.detail-list h2{font-size:27px}.detail-list>div{gap:25px}.related a{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
