:root{--demo-accent:#185c4c;--ink:#18251f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:'Manrope',system-ui,sans-serif;letter-spacing:-.055em;margin:0;line-height:1.16}p{line-height:1.75}.demo-ribbon{background:#142a22;color:white;position:relative;z-index:3}.demo-ribbon-inner{max-width:1240px;margin:auto;padding:11px 25px;display:flex;justify-content:space-between;gap:15px;font-size:12px}.demo-ribbon a{text-decoration:underline;color:#bde1c8}.demo-header{height:94px;max-width:1240px;margin:auto;padding:0 25px;display:flex;align-items:center;justify-content:space-between}.demo-logo{font-family:Manrope,sans-serif;font-weight:800;font-size:24px;letter-spacing:-1px}.demo-logomark{background:var(--demo-accent);color:white;border-radius:8px;padding:5px 10px;margin-right:11px}.demo-header nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:700}.demo-nav-btn{background:var(--demo-accent);color:white;padding:13px 20px;border-radius:5px}.demo-hero{min-height:570px;display:grid;grid-template-columns:51% 49%;background:#f5f8f6}.demo-hero-copy{padding:99px max(30px,calc((100vw - 1240px)/2 + 25px)) 80px max(25px,calc((100vw - 1240px)/2 + 25px));padding-right:34px}.demo-kicker{font-size:11px;letter-spacing:.19em;font-weight:800;color:var(--demo-accent)}.demo-hero h1{font-size:clamp(42px,4.9vw,76px);line-height:1.11;margin:18px 0 22px}.demo-hero-copy>p{font-size:17px;color:#68736d;max-width:510px}.demo-buttons{display:flex;gap:19px;align-items:center;flex-wrap:wrap;margin-top:31px}.demo-button{background:var(--demo-accent);color:white;border-radius:5px;font-size:13px;font-weight:700;display:inline-block;padding:16px 23px}.demo-button-ghost{font-size:13px;font-weight:700;color:var(--demo-accent)}.demo-highlights{display:flex;gap:19px;font-size:11px;font-weight:700;color:#78827b;margin-top:61px;flex-wrap:wrap}.demo-hero-art{position:relative;min-height:570px;overflow:hidden;background:linear-gradient(140deg,color-mix(in srgb,var(--demo-accent) 26%,white),color-mix(in srgb,var(--demo-accent) 53%,#2e4e4d))}.demo-hero-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.demo-illustration{position:absolute;inset:7%;border:1px solid #ffffff55;border-radius:46% 46% 18% 18%;background:radial-gradient(circle at 35% 25%,#ffffff8c,transparent 50%);overflow:hidden}.illustration-ring{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;border:35px solid #fff6;right:-22%;top:-14%}.illustration-block{position:absolute;background:#fff9;box-shadow:0 20px 40px #0002}.block-a{width:44%;height:55%;left:11%;bottom:-9%;border-radius:140px 140px 12px 12px}.block-b{width:41%;height:66%;right:8%;bottom:-18%;background:var(--demo-accent);opacity:.69;border-radius:150px 150px 0 0}.block-c{width:23%;height:27%;left:45%;top:17%;border-radius:50%;background:#fff9}.illustration-label{position:absolute;top:18%;left:12%;font-family:Manrope,sans-serif;font-size:11px;font-weight:800;letter-spacing:2px;color:#fff;transform:rotate(-8deg)}.demo-wrap{max-width:1180px;margin:auto;padding:0 25px}.demo-services{padding:100px 0}.demo-services h2,.demo-about h2,.demo-contact h2{font-size:clamp(34px,4vw,50px);margin:18px 0 32px}.demo-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.demo-service-grid article{border:1px solid #e5eae7;padding:31px;min-height:220px;position:relative}.demo-service-num{font-weight:800;color:var(--demo-accent);font-size:12px}.demo-service-grid h3{font-size:22px;margin-top:23px}.demo-service-grid p{font-size:13px;color:#748077;margin:13px 0}.demo-small-arrow{position:absolute;bottom:25px;right:26px;color:var(--demo-accent);font-size:21px}.demo-about{background:#f7f8f6;padding:100px 0}.demo-about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.demo-about-grid p{color:#6d7b71;font-size:15px;max-width:550px}.demo-about-grid .demo-button{margin-top:20px}.demo-about-tile{height:370px;position:relative;background:linear-gradient(130deg,#cad9d0,#8cafa1);padding:30px;color:white;overflow:hidden}.demo-about-tile>span{font-size:11px;font-weight:800;letter-spacing:1.2px}.about-tile-symbol{font-family:Manrope,sans-serif;font-size:260px;line-height:1;opacity:.7;position:absolute;right:15%;top:25px}.demo-about-tile small{position:absolute;bottom:30px;font-weight:800;font-size:30px}.demo-contact{text-align:center;padding:115px 0;background:var(--demo-accent);color:white}.demo-contact .demo-kicker{color:#e0ece6}.demo-contact h2{margin:20px 0}.demo-contact p{max-width:570px;margin:0 auto 31px;opacity:.85}.demo-contact .demo-button{background:white;color:var(--demo-accent)}.demo-footer{padding:27px max(25px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#778279}.demo-footer a{text-decoration:underline}.demo-kind-beauty .demo-hero{background:#fbf5f4}.demo-kind-construction .demo-hero{background:#f8f5f0}.demo-kind-restaurant .demo-hero{background:#fcf7f0}
@media(max-width:750px){.demo-ribbon-inner{flex-direction:column;gap:7px}.demo-header{height:75px}.demo-header nav{gap:12px}.demo-header nav a:not(.demo-nav-btn){display:none}.demo-logo{font-size:20px}.demo-hero{grid-template-columns:1fr}.demo-hero-copy{padding:75px 25px}.demo-hero-art{min-height:380px}.demo-highlights{margin-top:35px}.demo-service-grid{grid-template-columns:1fr}.demo-about-grid{grid-template-columns:1fr;gap:35px}.demo-about-tile{height:300px}.demo-footer{flex-direction:column}}