*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F8F4ED;color:#624A37;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.vp-header{height:102px;padding:0 6%;display:grid;grid-template-columns:1fr 200px 1fr;align-items:center;background:#F8F4ED}.vp-back,.vp-actions,.vp-kicker,.vp-link,.vp-caption,figcaption,footer{font-size:10px;letter-spacing:.23em}.vp-logo{text-align:center}.vp-logo img{height:76px;max-width:190px;object-fit:contain}.vp-actions{display:flex;align-items:center;justify-content:flex-end;gap:25px}.vp-actions button{border:1px solid #BDAF9E;background:transparent;padding:8px 11px;color:#624A37;cursor:pointer}.vp-hero{height:min(720px,76vw);min-height:530px;position:relative;overflow:hidden}.vp-hero-photo{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1613490493576-7fde63acd811?auto=format&fit=crop&w=2200&q=90') center 55%/cover}.vp-hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(37,30,23,.66),rgba(37,30,23,.25) 60%,transparent)}.vp-hero-copy{position:absolute;top:19%;left:10%;max-width:650px;color:#fff}.vp-kicker{margin:0 0 24px;font-weight:500}.vp-hero h1,.vp-intro h2,.vp-gallery h2,.vp-offer h2,.vp-banner h2,.vp-contact h2{font:400 clamp(44px,5.5vw,88px)/1.1 'Playfair Display',serif;letter-spacing:-.035em;margin:0}.vp-hero h1 em{font-weight:400}.vp-hero-copy>p:not(.vp-kicker){font-size:15px;line-height:1.8;max-width:440px;margin:28px 0}.vp-link{display:inline-block;padding-bottom:12px;border-bottom:1px solid #fff}.vp-hero-index{position:absolute;bottom:30px;right:6%;color:#fff;font-size:11px;letter-spacing:.2em}.vp-intro{padding:110px 10%;display:grid;grid-template-columns:1fr 1fr;gap:14%}.vp-intro h2,.vp-offer h2,.vp-contact h2{font-size:clamp(42px,4.5vw,68px)}.vp-intro-right{padding-top:45px}.vp-intro-right>p:first-child{font:400 18px/1.9 'Playfair Display',serif}.vp-mini-rule{display:block;width:50px;height:1px;background:#A8927A;margin:30px 0}.vp-caption{font-size:9px}.vp-gallery{background:#EADFCC;padding:90px 6% 100px}.vp-gallery-head{text-align:center;margin-bottom:45px}.vp-gallery h2{font-size:clamp(42px,4vw,64px)}.vp-photo-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.vp-photo{margin:0;position:relative;overflow:hidden;background:#D6C2A8}.vp-photo.a,.vp-photo.d{height:530px}.vp-photo.b,.vp-photo.c{height:530px}.vp-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.vp-photo:hover img{transform:scale(1.035)}figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 25px 20px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.45))}.vp-offer{padding:110px 10%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.vp-offer-list article{display:grid;grid-template-columns:48px 1fr;gap:15px;border-bottom:1px solid #C9B8A4;padding:24px 0}.vp-offer-list article:first-child{border-top:1px solid #C9B8A4}.vp-offer-list article>span{font-size:11px}.vp-offer-list h3{font:400 25px 'Playfair Display',serif;margin:0 0 10px}.vp-offer-list p{font-size:13px;line-height:1.8;margin:0}.vp-banner{height:420px;background:linear-gradient(90deg,rgba(45,31,23,.35),transparent),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=85') center/cover;display:flex;align-items:center;padding:8%;color:#fff}.vp-banner h2{font-size:clamp(44px,5vw,75px)}.vp-contact{background:#D6C2A8;padding:105px 10%;display:grid;grid-template-columns:1.2fr .8fr;gap:10%}.vp-contact-side{align-self:end}.vp-contact-side p{line-height:1.9;font-size:15px;max-width:350px}.vp-contact-side a{display:inline-block;background:#6E5846;color:white;padding:19px 25px;margin-top:22px;font-size:11px;letter-spacing:.17em}footer{display:flex;justify-content:space-between;padding:32px 6%;background:#F8F4ED}@media(max-width:760px){.vp-header{height:82px;grid-template-columns:1fr 135px 1fr;padding:0 4%}.vp-back,.vp-actions a{font-size:8px}.vp-logo img{max-width:130px;height:57px}.vp-actions{gap:8px}.vp-hero{height:640px;min-height:0}.vp-hero-photo{background-position:57% center}.vp-hero-copy{top:19%;left:7%;right:6%}.vp-hero h1{font-size:55px}.vp-intro,.vp-offer,.vp-contact{grid-template-columns:1fr;gap:25px;padding:75px 7%}.vp-intro-right{padding-top:0}.vp-gallery{padding:70px 5%}.vp-photo-grid{gap:9px}.vp-photo.a,.vp-photo.b,.vp-photo.c,.vp-photo.d{height:290px}.vp-offer h2,.vp-contact h2{font-size:48px}.vp-banner{height:340px}footer{font-size:8px}}@media(max-width:440px){.vp-back{max-width:90px;line-height:1.5}.vp-hero h1{font-size:45px}.vp-photo.a,.vp-photo.b,.vp-photo.c,.vp-photo.d{height:230px}.vp-photo-grid{grid-template-columns:1fr 1fr}.vp-offer-list h3{font-size:22px}}
/* Real property project portfolio */
.vp-hero-photo{background-image:url('assets/properties/mediterranean-stone-house-01.webp');background-position:center 55%}
.vp-banner{background-image:linear-gradient(90deg,rgba(45,31,23,.45),rgba(45,31,23,.08)),url('assets/properties/mediterranean-stone-house-03.webp')}
.property-intro{font-size:14px;line-height:1.8;margin:22px auto 0;max-width:540px}
.property-projects{max-width:1320px;margin:0 auto}.property-project{margin:0 0 92px}.property-project:last-child{margin-bottom:0}.property-project-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:0 0 20px;border-bottom:1px solid rgba(98,74,55,.32);margin-bottom:20px}.property-number,.property-count{font-size:10px;letter-spacing:.18em}.property-project h3{font:400 clamp(31px,3.3vw,52px)/1.2 'Playfair Display',serif;margin:12px 0 0}.property-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.property-image{border:0;background:#d7c8b5;padding:0;display:block;overflow:hidden;cursor:zoom-in;aspect-ratio:1.42}.property-image:first-child{grid-column:1/-1;aspect-ratio:2.05}.property-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}.property-image:hover img{transform:scale(1.035)}.property-image:focus-visible{outline:3px solid #624A37;outline-offset:3px}
.property-lightbox[hidden]{display:none}.property-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(17,15,13,.96);display:flex;align-items:center;justify-content:center;padding:55px 75px}.property-lightbox-photo{max-width:100%;max-height:calc(100vh - 110px);object-fit:contain}.property-lightbox button{position:absolute;border:0;background:transparent;color:#fff;cursor:pointer;font-size:46px;padding:12px 20px}.property-lightbox-close{right:18px;top:8px}.property-lightbox-prev{left:12px;top:45%}.property-lightbox-next{right:12px;top:45%}.property-lightbox-counter{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#fff;font-size:11px;letter-spacing:.2em}
@media(max-width:700px){.property-project{margin-bottom:65px}.property-project-heading{align-items:start}.property-project h3{font-size:30px}.property-count{white-space:nowrap;font-size:8px}.property-images{gap:8px}.property-image{aspect-ratio:1}.property-image:first-child{aspect-ratio:1.3}.property-lightbox{padding:55px 12px}.property-lightbox-photo{max-height:calc(100vh - 145px)}.property-lightbox button{font-size:36px;padding:8px}.property-lightbox-prev{left:0}.property-lightbox-next{right:0}}
