@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Libre+Caslon+Display&display=swap");:root{--sage:#77836B;--orange:#C15A2B;--ink:#252720;--paper:#faf7f0;--line:#d8d1c5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-weight:300}img{width:100%;display:block}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 56px));margin:auto}header{height:94px;padding:0 5vw;display:flex;align-items:center;gap:36px;background:#fbf8f1;position:sticky;top:0;z-index:20;border-bottom:1px solid #e6dfd4}header img{width:245px}nav{margin-left:auto;display:flex;gap:29px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:500}nav a{padding:12px 0}.active{border-bottom:2px solid var(--orange)}.cta,.button{background:var(--orange);color:white;padding:16px 22px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.hero{height:630px;position:relative;overflow:hidden;color:#fff}.hero>img{height:100%;object-fit:cover}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,23,17,.7),rgba(20,23,17,.05) 70%)}.hero-copy{position:absolute;left:5.5vw;top:50%;transform:translateY(-50%);max-width:510px}.hero-copy span,.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:600}.hero h1,h2{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400}.hero h1{font-size:76px;line-height:.9;margin:24px 0}.hero p{font-size:17px;line-height:1.6}.opening{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding:82px 0}.opening h2,.feature h2,.detail h2,.closing h2{font-family:"Libre Caslon Display",Georgia,serif;font-size:50px;line-height:1.03;font-weight:400;margin:22px 0}.opening p,.feature p,.detail p,.closing p{line-height:1.75;color:#66645d}.feature{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center;padding-bottom:85px}.feature>img{height:610px;object-fit:cover}.feature aside{padding:15px}dl{margin-top:25px}dt{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:600;border-top:1px solid var(--line);padding-top:15px;margin-top:15px}dd{margin:6px 0 0;color:#626159;line-height:1.55;font-size:14px}.detail{background:#4e5943;color:white;padding:80px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.detail-img{height:530px;overflow:hidden}.detail-img img{height:100%;object-fit:cover}.detail p{color:#ece9e2}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:80px 0}.gallery figure{margin:0;height:470px;overflow:hidden}.gallery img{height:100%;object-fit:cover}.closing{background:#e7e0d4;text-align:center;padding:80px 0}.closing .wrap{max-width:750px}.closing p{margin:0 auto 35px;max-width:610px}.button{display:inline-block}.project-nav{border-top:1px solid var(--line);padding:30px 0 44px;display:grid;grid-template-columns:1fr 1fr 1fr}.project-nav a{display:flex;flex-direction:column;gap:7px}.project-nav small{text-transform:uppercase;letter-spacing:.14em;font-size:9px}.project-nav b{font-family:"Libre Caslon Display",Georgia,serif;font-size:20px;font-weight:400}.back{text-align:center}.next{text-align:right}footer{background:#ded7ca;padding:32px 5vw;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.14em;font-size:9px}footer img{width:220px}footer div{margin-left:auto}@media(max-width:850px){header{height:78px;padding:0 18px}header img{width:205px}header nav,header>.cta{display:none}.hero{height:560px}.hero-copy{left:28px;right:28px}.hero h1{font-size:58px}.wrap{width:calc(100% - 38px)}.opening,.feature,.detail-grid,.gallery{grid-template-columns:1fr;gap:35px}.feature>img,.detail-img,.gallery figure{height:400px}.project-nav{grid-template-columns:1fr;gap:28px}.back,.next{text-align:left}footer{display:block}footer div{margin:22px 0 0}}