@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{--ink:#343e42;--teal:#159eb0;--paper:#f7f8f5;--line:#d8dedb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:108px;padding:16px 6%;display:flex}.logo{object-fit:contain;width:205px;height:76px}nav{gap:35px;font-size:14px;display:flex}.button{background:var(--teal);color:#fff;border:0;justify-content:center;align-items:center;gap:35px;padding:18px 25px;font-weight:500;display:inline-flex}.button:hover{background:#087d8d}.small{padding:13px 22px;font-size:14px}.hero{grid-template-columns:1.05fr 1fr;min-height:620px;display:grid}.hero-copy{padding:68px 6vw 35px}.eyebrow{letter-spacing:2px;color:#577075;margin:0 0 23px;font-size:11px;font-weight:700}h1,h2{letter-spacing:-1.4px;font-family:Libre Caslon Display,Georgia,serif;font-weight:400}h1{margin:0 0 26px;font-size:clamp(48px,4.8vw,77px);line-height:1.04}em{color:var(--teal);font-weight:400}.lead{color:#657174;margin-bottom:29px;font-size:15px;line-height:1.8}.hero-note{color:#748185;margin-top:52px;font-size:11px}.hero-note span{color:var(--teal);margin-right:20px}.architecture{background:linear-gradient(140deg,#d5e7e9,#94b9bc);min-height:590px;position:relative;overflow:hidden}.sun{background:#f5f0db;border-radius:50%;width:210px;height:210px;position:absolute;top:47px;right:35px}.building{background:linear-gradient(90deg,#dcded4,#f0f1e8);width:77%;height:68%;position:absolute;top:32%;left:12%;transform:skewY(-4deg);box-shadow:25px 12px #7e9994}.building:before{content:"";background:#435b5f;width:100%;height:52px;position:absolute;top:-44px;left:-12%;transform:skew(-45deg)}.windows{background:repeating-linear-gradient(90deg,#446269 0 29%,#a7b5ac 29% 34%);border:10px solid #e8eadd;width:65%;height:32%;position:absolute;top:13%;left:13%;box-shadow:0 10px #aab2a4}.door{background:repeating-linear-gradient(90deg,#8c735a 0 8px,#756149 8px 10px);border:9px solid #b7bcae;width:30%;height:48%;position:absolute;bottom:0;left:22%}.plant{background:#46695c;border-radius:60% 20%;width:90px;height:140px;position:absolute;bottom:20%;right:5%;box-shadow:12px 65px 0 -19px #40594f}.image-label{color:#fff;letter-spacing:2px;background:#263d40dc;width:100%;padding:22px 30px;font-size:10px;position:absolute;bottom:0}.image-label small{letter-spacing:0;color:#c5d5d3;margin-top:8px;font-size:9px;display:block}.catalog{padding:85px 6%}.section-head{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}h2{margin:0 0 20px;font-size:51px;line-height:1.05}.section-head>p{color:#778185;line-height:1.8}.filters{border:1px solid var(--line);background:#fff;align-items:end;gap:20px;margin-bottom:30px;padding:20px;display:flex}label{color:#657174;flex-direction:column;gap:8px;font-size:11px;display:flex}select,input,textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:0;min-width:0;padding:11px}select{min-width:145px}.grow{flex:1}.reset{background:0 0;border:0;padding:13px;font-size:12px}.grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.property-image{background:#c2d7d4;border:0;width:100%;height:245px;padding:0;position:relative;overflow:hidden}.property-image img,.property-image video{object-fit:cover;width:100%;height:100%}.art-1{background:#d7d9d2}.art-2{background:#b6ccc5}.house-art{background:#edece2;width:70%;height:80%;position:absolute;top:31%;left:20%;transform:skewY(-6deg);box-shadow:20px 0 #758d8a}.house-art:before{content:"";background:#53686b;width:110%;height:22px;position:absolute;top:-18px;left:-10%}.house-art i{background:repeating-linear-gradient(90deg,#456168 0 28%,#b2b8ab 28% 34%);width:70%;height:40%;position:absolute;top:20%;left:12%}.house-art b{background:#85715e;width:21%;height:30%;position:absolute;bottom:0;right:16%}.art-2 .house-art{background:#97ad89;border:5px solid #cedac8;height:35%;top:50%;transform:skewY(-17deg)}.art-2 .house-art i,.art-2 .house-art b{display:none}.tag{letter-spacing:1px;background:#fff;padding:7px 12px;font-size:10px;font-weight:700;position:absolute;top:17px;left:17px}.arrow{background:#fff;place-items:center;width:35px;height:35px;font-size:20px;display:grid;position:absolute;bottom:15px;right:16px}.card-body{padding:20px 0}.location{color:#778185;font-size:11px}h3{margin:12px 0;font-size:19px;font-weight:500;line-height:1.4}.card h3 button{text-align:left;font:inherit;background:0 0;border:0;padding:0}.price{color:#397d86;font-size:13px}.specs{border-top:1px solid var(--line);color:#6c797b;gap:18px;padding-top:16px;font-size:11px;display:flex}.notice{background:#e8f1f0;padding:16px;font-size:13px;line-height:1.6}.about{background:#e9efec;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:80px 10%;display:grid}.about-mark{color:#88aba6;background:#dce5df;justify-content:center;align-items:center;height:370px;font-family:Georgia,serif;font-size:200px;display:flex;position:relative}.about-mark span{color:#506d68;font:12px/1.6 DM Sans,sans-serif;position:absolute;bottom:33px;left:33px}.about p:not(.eyebrow){color:#657174;line-height:1.9}.text-link{border-bottom:1px solid var(--teal);padding:13px 0;font-size:13px;display:inline-block}.contact{grid-template-columns:1.2fr 1fr;gap:60px;padding:85px 8%;display:grid}.contact-details{align-self:center}.contact-name{font-size:21px}.contact-details>p:nth-child(2){color:#748185;font-size:12px}.contact-details>a{width:fit-content;margin-top:22px;font-size:23px;display:block}.contact-details>a.email{font-size:16px}.contact-details>a.button{margin-top:33px;font-size:14px}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:30px 6%;font-size:11px;display:flex}footer>span{font-family:Georgia,serif;font-size:19px}footer b{color:var(--teal);letter-spacing:4px;font:9px Arial;display:block}.modal-backdrop{z-index:20;background:#203238b8;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);width:100%;max-width:760px;max-height:90vh;padding:40px;position:relative;overflow:auto}.modal h2{font-size:38px}.close{background:0 0;border:0;font-size:24px;position:absolute;top:10px;right:15px}.description{white-space:pre-wrap;line-height:1.8}.gallery img,.gallery video{object-fit:contain;width:100%;max-height:340px}.gallery-nav{gap:10px;margin:15px 0;display:flex}.gallery-nav button[aria-pressed=true]{background:var(--teal);color:#fff}.admin{max-width:1150px;margin:auto;padding:40px 25px}.admin>h1{margin-top:25px}.admin-columns{grid-template-columns:1.1fr 1fr;gap:60px;margin-top:35px;display:grid}.admin form{flex-direction:column;gap:15px;display:flex}.admin form p{font-size:12px}.admin-item{border-bottom:1px solid var(--line);padding:20px}.admin-item button{margin-right:15px;padding:8px}.media-row{align-items:center;gap:15px;display:flex}.media-row img,.media-row video{object-fit:cover;width:120px;height:80px}button:disabled{opacity:.55;cursor:wait}@media (width<=850px){header{height:85px;padding:10px 5%}.logo{width:150px;height:60px}nav{gap:15px;font-size:12px}header .small{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}.hero h1{font-size:57px}.architecture{min-height:350px}.building{top:27%}.hero-note{margin-top:30px}.catalog{padding:55px 6%}.section-head{display:block}.section-head>p{font-size:13px}.grid{grid-template-columns:1fr 1fr}.filters{flex-wrap:wrap}.filters label{flex:1}.about{gap:30px;padding:50px 6%}.about-mark{height:300px}.contact{gap:30px;padding:55px 6%}h2{font-size:43px}.admin-columns{grid-template-columns:1fr}}@media (width<=550px){nav a:nth-child(2){display:none}.hero h1{font-size:49px}.grid,.about,.contact{grid-template-columns:1fr}.property-image{height:265px}.about-mark{height:220px;font-size:150px}.filters{gap:12px}.filters label.grow{flex-basis:100%}.contact-details>a.email{font-size:14px}footer{flex-direction:column;align-items:start}.modal{padding:35px 22px}.modal h2{font-size:31px}.architecture{min-height:320px}.admin>h1{font-size:45px}}.design-switch{color:#e0edef;letter-spacing:.5px;background:#122c3b;align-items:center;gap:24px;padding:10px 6%;font-size:11px;display:flex}.design-switch span{letter-spacing:2px;color:#92b1bd;margin-right:auto;font-size:9px}.design-switch a{border-bottom:1px solid #61808d;padding:6px 0}.design-switch a:hover{color:#51d0df}.design-two{--ink:#19323f;--teal:#189fb3;--paper:#f9faf8;background:var(--paper)}.design-two header{border:0;height:104px;padding:14px 7%}.design-two .logo{width:215px}.design-two nav{text-transform:uppercase;letter-spacing:1.2px;gap:40px;font-size:11px}.design-two header .button{color:#19323f;background:0 0;border:1px solid #acbfc4}.design-two .hero{isolation:isolate;background:#153442;min-height:690px;display:block;position:relative;overflow:hidden}.design-two .architecture{z-index:-2;background:#a1bec5;min-height:100%;position:absolute;inset:0}.design-two .villa-scene{object-fit:cover;object-position:center 57%;width:100%;height:100%;display:block}.design-two .architecture:after{content:"";background:linear-gradient(90deg,#0d283bf5 0%,#123043e0 30%,#15354555 65%,#15354505 100%);position:absolute;inset:0}.design-two .hero-copy{color:#fff;max-width:920px;padding:95px 7% 38px}.design-two .hero .eyebrow{color:#80d3df;letter-spacing:2.5px}.design-two .hero h1{letter-spacing:-2px;font-size:clamp(52px,5.7vw,88px);line-height:1.04}.design-two .hero h1 em{color:#83d9df}.design-two .lead{color:#d0dee0;max-width:450px;font-size:15px;line-height:1.8}.design-two .hero .button{color:#19323f;background:#eaf2ed;gap:65px;margin-top:8px;padding:19px 28px}.design-two .hero .button:hover{background:#b9e4e4}.design-two .hero-note{color:#b9cbce;letter-spacing:1px;margin-top:45px;font-size:10px}.design-two .hero-note span{color:#80d3df}.design-two .image-label{text-align:right;letter-spacing:1px;z-index:2;opacity:.85;background:0 0;width:auto;max-width:350px;padding:0;font-size:9px;bottom:20px;right:25px}.design-two .image-label small{font-size:10px}.design-two .catalog{padding:95px 7%;position:relative}.design-two .section-head{align-items:center;margin-bottom:38px}.design-two h2{letter-spacing:-1.6px;font-size:58px}.design-two .section-head>p{max-width:300px;font-size:13px}.design-two .eyebrow{color:#447d88;font-size:10px}.design-two .filters{background:#edf2f1;border:0;gap:25px;margin-bottom:32px;padding:27px;box-shadow:0 8px 35px #1835440a}.design-two .filters label{letter-spacing:.4px;font-size:10px}.design-two .filters input,.design-two .filters select{background:0 0;border:0;border-bottom:1px solid #bdcece;padding:13px 0;font-size:14px}.design-two .grid{gap:32px}.design-two .card{background:#fff;border:1px solid #e3e9e6;transition:transform .2s,box-shadow .2s}.design-two .card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #102c3b12}.design-two .property-image{background:#d9e6e8;height:265px}.design-two .property-image:has(.house-art){background-image:url(/villa.svg);background-position:65% 60%;background-size:cover}.design-two .property-image.art-1:has(.house-art){filter:saturate(.65);background-position:90% 55%;background-size:150%}.design-two .property-image.art-2:has(.house-art){filter:saturate(.55);background-position:30% 80%;background-size:170%}.design-two .house-art{display:none}.design-two .tag{color:#fff;background:#173544;padding:9px 12px;font-size:9px;top:18px;left:18px}.design-two .arrow{border-radius:50%;width:40px;height:40px}.design-two .card-body{padding:12px 23px 23px}.design-two .card h3{min-height:64px;font-family:Georgia,serif;font-size:23px;font-weight:400}.design-two .location{letter-spacing:.3px;font-size:10px}.design-two .price{color:#5b727c;font-size:12px}.design-two .specs{justify-content:space-between;gap:8px;font-size:10px}.design-two .notice{background:#edf3f2;border-left:2px solid #6f9ea4;font-size:12px}.design-two .about{color:#e5efee;background:#183746;grid-template-columns:1fr 1.15fr;gap:9%;padding:90px 9%}.design-two .about-mark{outline-offset:10px;color:#3b6b78;background:#234654;border:1px solid #53717a;outline:12px solid #234654;height:360px;font-size:235px;font-style:italic}.design-two .about-mark span{color:#b4d3d4;letter-spacing:1px;font-size:14px}.design-two .about .eyebrow{color:#8bcbd1}.design-two .about h2{font-size:54px}.design-two .about p:not(.eyebrow){color:#c1d1d5;font-size:14px}.design-two .text-link{color:#e1f7f4;border-color:#679faa;margin-top:12px}.design-two .contact{gap:10%;padding:105px 8%}.design-two .contact h2{font-size:65px}.design-two .contact-details{border-top:1px solid #afc5c8;border-bottom:1px solid #afc5c8;padding:25px 0 35px}.design-two .contact-name{font-family:Georgia,serif;font-size:28px}.design-two .contact-details>a{font-size:28px}.design-two .contact-details>a.email{font-size:16px}.design-two .contact-details>a.button{font-size:13px;display:inline-flex}.design-two footer{background:#edf2f0;padding:33px 7%}.design-two .modal{background:#f9faf8}.design-two .gallery-nav button{border:1px solid #9bb4b9;padding:8px 13px}.design-two .close{color:#19323f}.design-two .button{transition:background .2s}@media (width>=1500px){.design-two .hero{min-height:760px}.design-two .hero-copy{padding-top:120px}.design-two .villa-scene{object-position:center 60%}}@media (width<=850px){.design-switch{gap:16px;padding:8px 5%}.design-switch span{letter-spacing:1px;font-size:8px}.design-two header{height:85px;padding:10px 5%}.design-two .logo{width:170px}.design-two nav{gap:18px;font-size:10px}.design-two .hero{min-height:650px}.design-two .hero-copy{padding:70px 6% 60px}.design-two .hero h1{font-size:67px}.design-two .architecture{min-height:100%}.design-two .villa-scene{object-position:65% center}.design-two .architecture:after{background:linear-gradient(90deg,#0d283bf0,#15354565)}.design-two .catalog{padding:60px 6%}.design-two h2{font-size:48px}.design-two .section-head>p{max-width:none}.design-two .grid{gap:20px}.design-two .about{gap:40px;padding:65px 7%}.design-two .about h2{font-size:42px}.design-two .about-mark{height:300px}.design-two .contact{gap:40px;padding:65px 7%}.design-two .contact h2{font-size:48px}.design-two .contact-details>a.email{font-size:13px}.design-two .image-label{text-align:left;bottom:18px;right:20px}}@media (width<=550px){.design-switch{flex-wrap:wrap;justify-content:center;gap:14px}.design-switch span{text-align:center;width:100%;margin:0}.design-two header{height:84px}.design-two .logo{width:155px}.design-two nav{gap:16px;font-size:9px}.design-two .hero{min-height:645px}.design-two .hero-copy{padding:61px 6% 85px}.design-two .hero h1{letter-spacing:-1.3px;font-size:53px}.design-two .hero .eyebrow{letter-spacing:1.6px;font-size:9px}.design-two .lead{max-width:300px;font-size:13px}.design-two .lead br{display:none}.design-two .hero-note{max-width:270px;font-size:9px;line-height:1.6}.design-two .hero .button{gap:40px;font-size:13px}.design-two .villa-scene{object-position:60% center;opacity:.7}.design-two .image-label{font-size:7px;bottom:17px;left:6%;right:auto}.design-two .image-label small{font-size:8px}.design-two h2{font-size:43px}.design-two .grid,.design-two .about,.design-two .contact{grid-template-columns:1fr}.design-two .filters{gap:12px;padding:20px}.design-two .property-image{height:275px}.design-two .card h3{min-height:0}.design-two .about{gap:65px;padding:65px 8%}.design-two .about-mark{height:260px;margin:10px;font-size:180px}.design-two .contact{gap:25px;padding:60px 7%}.design-two .contact h2{font-size:49px}.design-two .contact-details>a.email{font-size:15px}.design-two .contact-name{font-size:25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.design-two .card,.design-two .button{transition:none}}.empty-catalog{text-align:center;background:#eef4f1;border:1px solid #d8e4e1;padding:65px 25px}.empty-catalog>span{letter-spacing:3px;color:#527c84;font-size:10px}.empty-catalog h3{color:#19323f;font:36px Georgia,serif}.empty-catalog p{color:#62777f;margin-bottom:25px;line-height:1.9}.login-form{max-width:470px;margin:35px 0}.login-form h2{font-size:35px}.login-form label{font-size:13px}.admin-fields{border:0;flex-direction:column;gap:16px;min-width:0;margin:0;padding:0;display:flex}.admin .notice{z-index:3;position:sticky;bottom:12px;box-shadow:0 5px 25px #17374618}.admin>p{line-height:1.8}.admin .media-row{flex-wrap:wrap}.admin button:not(.button){color:#19323f;background:#fff;border:1px solid #b7cbc9;padding:9px 13px}.admin .media-row video,.admin .media-row img{max-width:100%}.admin a:focus-visible,.admin button:focus-visible{outline:2px solid #159eb0}.modal .close{z-index:1}.design-two .office-info{border-top:1px solid #d0dedd;border-bottom:1px solid #d0dedd;margin:25px 0;padding:20px 0}.design-two .office-label{letter-spacing:1.6px;color:#527984;margin:0 0 11px;font-size:10px}.design-two .office-info address{color:#19323f;font-size:16px;font-style:normal;line-height:1.75}.design-two .registration{color:#52717a;margin:15px 0 0;font-size:13px;line-height:1.7}.design-two .registration strong{color:#19323f;margin-left:8px;font-weight:600}
