@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{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 #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{background:var(--orange);color:#fff;padding:16px 22px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.hero{height:630px;position:relative;color:#fff;overflow:hidden}.hero>img{height:100%;object-fit:cover}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,18,15,.74),rgba(16,18,15,.06) 72%)}.hero-copy{position:absolute;left:5.5vw;top:50%;transform:translateY(-50%);max-width:650px}.hero-copy span,.eyebrow,.step{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:70px;line-height:.93;margin:24px 0}.hero p{font-size:17px;line-height:1.6;max-width:570px}.intro{display:grid;grid-template-columns:1.25fr .55fr;gap:110px;padding:82px 0}.intro h2,.chapter h2,.process h2,.solution h2,.hardware h2,.finish h2{font-size:50px;line-height:1.03;margin:22px 0}.intro p,.chapter p,.solution p,.hardware p,.finish p{line-height:1.75;color:#66645d}.intro aside{border-left:1px solid var(--line);padding-left:30px}dl{margin-top:24px}dt{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}dd{margin:6px 0 0;color:#626159;line-height:1.55;font-size:14px}.dark{background:#394135;color:#fff;padding:80px 0}.chapter-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.chapter img{height:590px;object-fit:cover}.chapter p{color:#e9e7df}.step{color:var(--orange)}.process{padding:85px 0}.heading{max-width:720px;margin-bottom:45px}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.process figure{margin:0}.process figure img{height:460px;object-fit:cover}.process figure.wide{grid-column:1/-1}.process figure.wide img{height:590px}figcaption{font-size:12px;line-height:1.5;color:#77736b;padding-top:10px}.solution{background:#e6dfd3;padding:80px 0}.solution-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.solution img{height:590px;object-fit:cover}.hardware{padding:85px 0}.hardware .heading p{max-width:680px}.hardware-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hardware-grid img{height:560px;object-fit:cover}.finish{height:660px;position:relative;color:#fff}.finish>img{height:100%;object-fit:cover}.finish:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,20,16,.67),transparent 70%)}.finish-copy{position:absolute;z-index:2;left:5.5vw;top:50%;transform:translateY(-50%);max-width:530px}.finish p{color:#f0eee8}.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:570px}.hero-copy{left:28px;right:28px}.hero h1{font-size:52px}.wrap{width:calc(100% - 38px)}.intro,.chapter-grid,.solution-grid{grid-template-columns:1fr;gap:35px}.intro aside{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.chapter img,.solution img{height:400px}.process-grid,.hardware-grid{grid-template-columns:1fr}.process figure.wide{grid-column:auto}.process figure img,.process figure.wide img,.hardware-grid img{height:400px}.finish{height:570px}.project-nav{grid-template-columns:1fr;gap:28px}.back,.next{text-align:left}footer{display:block}footer div{margin:22px 0 0}}