:root{--ink:#24211e;--paper:#f4f0e7;--rust:#c45a36;--line:#d7d0c3;--dark:#342f29}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,sans-serif}.wrap{width:min(100% - 80px,1240px);margin:auto}.top{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.top a{color:inherit;text-decoration:none}.brand{font-size:22px;line-height:.72;letter-spacing:-1px}.brand b{font-weight:800}.brand small{display:block;margin-top:8px;font:500 7px monospace;letter-spacing:3px}.top>a{font:500 10px monospace;letter-spacing:1px}.hero{padding:64px 0 80px;display:grid;grid-template-columns:.9fr 1.25fr;gap:52px;align-items:end}.eyebrow{font:600 10px monospace;letter-spacing:1.5px;color:var(--rust)}h1,h2{font-family:Georgia,serif;font-weight:500;line-height:.98;letter-spacing:-2.5px}h1{font-size:clamp(46px,5.8vw,78px);margin:20px 0}h2{font-size:clamp(38px,4.5vw,58px);margin:0}.lead{font-size:17px;max-width:450px}.hero img{width:100%;height:450px;object-fit:cover}.key{background:#fff;padding:78px 0}.keyhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.keyhead p{max-width:370px;font-size:13px;color:#615951}.attrs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.attr{min-height:125px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.attr b{display:block;font:600 10px monospace;letter-spacing:1px;text-transform:uppercase;color:#746a60}.attr span{display:block;font-size:17px;line-height:1.25;margin-top:18px}.section{padding:88px 0}.intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:92px}.intro p{font-size:17px;margin:8px 0}.uses{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px}.uses article{border-top:1px solid #9c9286;padding-top:14px}.uses h3{font-size:16px;margin:0 0 8px}.uses p{margin:0;font-size:13px;color:#5c554e}.gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;padding-bottom:88px}.gallery figure{margin:0;min-height:325px;position:relative;overflow:hidden;background:#ddd}.gallery img{width:100%;height:100%;object-fit:cover}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 17px 15px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78));font:600 10px monospace;letter-spacing:1px}.dark{background:var(--dark);color:#f7f2e9}.dark .uses article{border-color:#776f64}.dark .uses p{color:#d9d0c4}.cta{padding:65px 0;background:var(--rust);color:#fff}.cta .wrap{display:flex;justify-content:space-between;align-items:end;gap:30px}.button{background:#fff;color:#28221d;text-decoration:none;padding:17px 20px;font:600 10px monospace;letter-spacing:1px;white-space:nowrap}.foot{background:#201e1a;color:#eee7db;padding:28px 0;font:500 9px monospace;letter-spacing:1px}.foot .wrap{display:flex;justify-content:space-between}@media(max-width:720px){.wrap{width:min(100% - 36px,1240px)}.hero,.intro{grid-template-columns:1fr;gap:28px}.hero{padding:42px 0 56px}.hero img{height:320px}.attrs,.uses,.gallery{grid-template-columns:1fr}.key{padding:58px 0}.keyhead,.cta .wrap{display:block}.keyhead p{margin-top:18px}.section{padding:64px 0}.gallery{padding-bottom:64px}.button{display:inline-block;margin-top:28px}.foot .wrap{display:block;line-height:2}}