*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f6;color:#20211f;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header,main,footer{max-width:1280px;margin:auto}header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 50px}.brand{font-size:24px;font-weight:600;letter-spacing:-1px}.brand span{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#888;margin-top:5px;font-weight:400}nav{display:flex;gap:42px;font-size:13px}.hero{padding:88px 50px 112px;display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#878a79;margin:0 0 26px}h1{font-size:clamp(50px,6vw,76px);font-weight:400;letter-spacing:-3px;line-height:1.04;margin:0 0 30px}.intro{max-width:345px;font-size:16px;line-height:1.75;color:#73746f}.button{display:inline-flex;background:#272823;color:#fff;padding:17px 22px;gap:45px;font-size:13px;margin-top:20px}.note{font-size:11px;color:#94958d;max-width:330px;line-height:1.6;margin-top:17px}.drawing{aspect-ratio:1.08;position:relative;background:#fff;border:1px solid #e9e8e2;box-shadow:0 20px 60px #28251e06;font-size:9px;color:#777}.run{display:flex;position:absolute}.run span{border:1px solid #b8bbb2;display:grid;place-content:center}.top-run{left:12%;right:12%;top:18%;height:12%}.top-run span{width:20%}.top-run .range{background:repeating-linear-gradient(90deg,transparent,transparent 10px,#dfe0da 11px);font-size:7px}.right-run{right:12%;top:30%;height:43%;width:12%;flex-direction:column}.right-run span{height:25%}.island{position:absolute;display:flex;left:23%;top:48%;width:38%;height:13%;border:1px solid #c2c4ba;padding:4px}.island span{border:1px solid #c2c4ba;flex:1;display:grid;place-content:center}.room-label{position:absolute;bottom:19%;left:12%;font-size:13px;letter-spacing:1px}.room-label span{display:block;font-size:7px;color:#aaa;letter-spacing:1.5px;margin-top:8px}.drawing-footer{position:absolute;bottom:7%;left:12%;color:#a9ab9f;font-size:7px;letter-spacing:1.3px}.measure{position:absolute;text-align:center;font-size:8px;color:#93968a;left:12%;right:12%;top:11%;border-bottom:1px solid #c7c9c1;padding-bottom:7px}.features{border-top:1px solid #deded5;display:grid;grid-template-columns:repeat(3,1fr);gap:65px;padding:55px 50px 90px}.features span{font-size:11px;color:#a1a48f}.features h2{font-size:21px;font-weight:400;letter-spacing:-.4px;margin-top:25px}.features p{font-size:13px;line-height:1.8;color:#82847c;max-width:280px}.closing{background:#eeeee6;padding:60px 50px;display:flex;align-items:center;justify-content:space-between}.closing p{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0}.closing a{font-size:13px;border-bottom:1px solid #9b9d8d;padding:0 0 8px}footer{display:flex;justify-content:space-between;padding:40px 50px 50px;color:#8f9188;font-size:10px}a:focus-visible{outline:2px solid #6d806d;outline-offset:5px}@media(max-width:800px){header{padding:0 24px;height:85px}nav{gap:22px;font-size:12px}.hero{grid-template-columns:1fr;padding:55px 24px 65px;gap:42px}.drawing{max-width:540px;width:100%}.features{grid-template-columns:1fr;padding:35px 24px;gap:25px}.features h2{margin-top:14px}.features p{max-width:100%}.closing{padding:40px 24px;display:block}.closing a{display:inline-block;margin-top:30px}footer{padding:30px 24px;gap:30px;line-height:1.7}}