*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#282e29;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{width:min(1260px,calc(100% - 64px));margin:auto}header{height:100px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #d8dbd1;font-size:13px}.mark{font-family:Georgia,serif;font-size:44px;letter-spacing:-8px;width:48px}.mark span{font-family:Arial;font-size:20px;vertical-align:top;letter-spacing:0}.demo{margin-left:auto;letter-spacing:1.5px;font-size:10px;border:1px solid #bfc7ba;padding:9px 12px;border-radius:30px}.intro{padding:68px 0 44px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:#657160;margin:0 0 24px}h1{font-family:Georgia,serif;font-size:clamp(42px,5.5vw,76px);font-weight:400;line-height:1.03;letter-spacing:-3px;margin:0 0 25px}.intro>p:last-child{font-size:16px;line-height:1.7;color:#6a7368}.designs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.preview{height:325px;border-radius:3px;position:relative;overflow:hidden;padding:26px;transition:transform .25s}.design:hover .preview{transform:translateY(-6px)}.mini-brand{font-size:17px;font-weight:bold;letter-spacing:-.7px;position:relative;z-index:1}.mini-label{position:absolute;bottom:22px;font-size:7px;letter-spacing:1.5px}.warm{background:#e8e5d8;color:#334b38}.warm .mini-brand{font-family:Georgia,serif;font-size:20px;font-weight:400}.warm-layout{display:flex;align-items:center;gap:10px;margin-top:42px}.warm-layout>span{font-family:Georgia,serif;line-height:1.12;font-size:29px;letter-spacing:-1px;width:60%;position:relative;z-index:2}.warm-layout i{font-weight:400}.arch{position:absolute;right:18px;top:70px;width:135px;height:209px;background:#c2c9af;border-radius:80px 80px 0 0;overflow:hidden}.sun{width:85px;height:85px;background:#f4eac7;border-radius:100%;position:absolute;top:25px;right:-10px}.chair{height:53px;width:70px;background:#b98259;position:absolute;bottom:30px;right:15px;border-radius:22px 22px 4px 4px;transform:rotate(-7deg)}.leaf{width:30px;height:91px;position:absolute;bottom:0;left:9px;background:#557256;border-radius:90% 0 90% 0;transform:rotate(-20deg)}.friendly{background:#f6ba9c;color:#522e34}.friendly .mini-brand span{float:right}.friendly-title{font-size:40px;line-height:1.01;font-weight:800;letter-spacing:-2px;margin-top:30px}.friendly-title>span{color:#b13d3d}.friendly-shapes{display:flex;gap:6px;position:absolute;bottom:48px;right:25px;left:25px;height:77px;align-items:end}.friendly-shapes span{width:25%;background:#b54a4a;border-radius:40px 40px 0 0;height:70px}.friendly-shapes span:nth-child(2){background:#f9eabf;height:52px;border-radius:0 0 40px 40px}.friendly-shapes span:nth-child(3){background:#8d9e8b;height:81px;border-radius:50%}.friendly-shapes span:nth-child(4){background:#ed744e;border-radius:0;height:56px}.clear{background:#263b4a;color:#f3f1e4}.clear .mini-brand{font-size:12px;letter-spacing:1px}.clear .mini-brand span{float:right;font-size:19px}.clear-title{margin-top:40px;position:relative;z-index:2;font-size:36px;font-weight:700;line-height:1.08;letter-spacing:-1.5px}.clear-title i{font-style:normal;color:#b6ca9e}.building{position:absolute;right:-15px;bottom:31px;display:flex;gap:13px;transform:skewY(-15deg);opacity:.4}.building span{height:145px;width:32px;background:#9fb7b8}.building span:nth-child(2n){height:185px}.caption{display:flex;align-items:center;gap:15px;padding:24px 0}.num{color:#8b9588;font-size:11px;align-self:flex-start;padding-top:5px}.caption h2{font-size:21px;font-weight:500;margin:0 0 7px;letter-spacing:-.4px}.caption p{font-size:12px;color:#6f796b;margin:0}.arrow{margin-left:auto;width:36px;height:36px;border:1px solid #bbc5b5;border-radius:50%;display:grid;place-items:center;font-size:19px}.note{display:grid;grid-template-columns:1fr 2fr;gap:20px;border-top:1px solid #d8dbd1;margin-top:44px;padding:28px 0 45px}.note>span{font-size:12px;font-weight:bold}.note p{font-size:14px;color:#677262;line-height:1.7;margin:0;max-width:600px}footer{border-top:1px solid #d8dbd1;padding:22px 0;display:flex;justify-content:space-between;gap:18px;color:#7a8374;font-size:11px}a:focus-visible{outline:3px solid #914726;outline-offset:6px}@media(max-width:1000px){.designs{grid-template-columns:1fr}.preview{height:340px}.warm-layout>span{font-size:40px;width:auto}.arch{right:12%;width:160px;height:230px}.friendly-title{font-size:48px}.friendly-shapes{left:auto;width:40%;bottom:60px}.clear-title{font-size:46px}.building{right:15%}.note{grid-template-columns:1fr}}@media(max-width:500px){header,main,footer{width:calc(100% - 36px)}header{height:80px;gap:12px}.demo{font-size:8px;padding:7px 9px}header>span:not(.demo){font-size:10px}.intro{padding:42px 0 26px}h1{letter-spacing:-1.8px}.preview{padding:23px}.arch{right:12px;opacity:.85}.warm-layout>span{font-size:33px}.friendly-title{font-size:43px}.friendly-shapes{width:38%;right:20px}.clear-title{font-size:41px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){.preview{transition:none}.design:hover .preview{transform:none}}