@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:#24261f;--paper:#faf7f0;--line:#d9d2c6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-weight:300}img{display:block;width:100%}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 #e7e1d6}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{background:var(--orange);color:#fff;padding:16px 22px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.hero{height:620px;position:relative;overflow:hidden;color:#fff}.hero>img{height:100%;object-fit:cover;object-position:center 55%}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,22,18,.72),rgba(19,22,18,.06) 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-copy h1,h2{font-family:"Libre Caslon Display",Georgia,serif;font-weight:400}.hero-copy h1{font-size:76px;line-height:.9;margin:24px 0}.hero-copy p{font-size:17px;line-height:1.55}.intro{display:grid;grid-template-columns:1.05fr .9fr .62fr;gap:44px;padding:78px 0 55px;align-items:start}.story h2,.final h2,.craft h2{font-size:48px;line-height:1.02;margin:24px 0}.story p,.final p,.craft p{line-height:1.72;color:#65645c}.feature img{height:480px;object-fit:cover}aside{border-left:1px solid var(--line);padding-left:28px}dl{margin-top:24px}dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}dd{margin:6px 0 0;line-height:1.5;color:#5f5e56;font-size:14px}.gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;padding-bottom:80px}.gallery figure{margin:0;height:400px;overflow:hidden}.gallery .wide{grid-column:1/-1;height:520px}.gallery img{height:100%;object-fit:cover}.craft{background:#4d5942;color:#fff;padding:76px 0}.craft-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.craft p{color:#e8e6df}.progress{display:grid;grid-template-columns:1fr 1fr;gap:16px}.progress img{height:360px;object-fit:cover}.final{padding:80px 0;display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:center}.final img{height:470px;object-fit:cover}.project-nav{border-top:1px solid var(--line);padding:30px 0 42px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.project-nav a{display:flex;gap:7px;flex-direction:column}.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}.project-nav .back{text-align:center}.project-nav .next{text-align:right}footer{background:#e8e2d6;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:580px}.hero-copy{left:28px;right:28px}.hero-copy h1{font-size:59px}.wrap{width:calc(100% - 38px)}.intro,.craft-grid,.final{grid-template-columns:1fr}.feature img{height:400px}aside{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.gallery{grid-template-columns:1fr}.gallery .wide{grid-column:auto;height:390px}.gallery figure{height:390px}.progress img{height:300px}.project-nav{grid-template-columns:1fr;gap:30px}.project-nav .back,.project-nav .next{text-align:left}footer{display:block}footer div{margin:22px 0 0}}