@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{--ink:#4a2818;--sand:#fffaf2;--gold:#c58a43}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--sand);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b87838;outline-offset:5px}.demo{background:#314623;color:#fff;text-align:center;padding:9px;font-size:10px;letter-spacing:1.3px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Italiana',Georgia,serif;font-size:43px;line-height:.9;letter-spacing:7px}.brand span{display:block;font:8px Arial;letter-spacing:3px;margin-top:12px}nav{display:flex;gap:35px;font-size:13px}.nav-end{display:flex;gap:20px;align-items:center}#lang{border:0;background:none}.outline{border:1px solid #a78c70;padding:13px 22px;font-size:12px}.hero{height:690px;min-height:570px;position:relative;color:white;margin:0 20px}.hero>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#3c2115a6,transparent),linear-gradient(0deg,#3c211588,transparent 50%)}.hero-copy{position:absolute;left:6%;top:14%}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;margin:0 0 24px}h1,h2,h3{font-family:'Italiana',Georgia,serif;font-weight:400}h1{font-size:88px;line-height:1.03;margin:0 0 25px;letter-spacing:-2px}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#fff3dc}.cream,.solid{display:inline-block;padding:17px 26px;border:0;background:#f4e6cd;color:var(--ink);font-size:12px}.hero-copy .cream{margin-top:20px}.hero-foot{position:absolute;bottom:42px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.image-label{position:absolute;bottom:10px;right:15px;background:#3146239c;color:white;padding:5px 9px;font-size:9px}.wrap{max-width:1280px;margin:auto;padding:95px 5%}h2{font-size:53px;line-height:1.1;letter-spacing:-1px;margin:0 0 25px}p{line-height:1.8}.intro{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}.intro>.eyebrow{grid-column:1/-1}.intro>div{max-width:420px}.intro>div p:first-child{margin-top:0}.muted{color:#776a57;font-size:13px}.collection{padding-top:10px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.tabs{display:flex;border-bottom:1px solid #dcc9ad}.tabs button{border:0;border-bottom:2px solid transparent;padding:14px 17px;background:none;color:#7b6b55;font-size:12px}.tabs .active{color:var(--ink);border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.card-image{height:290px;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover img{transform:scale(1.04)}.tag{position:absolute;top:15px;left:15px;background:var(--sand);padding:7px 10px;font-size:9px;letter-spacing:1px}.card .region{font-size:9px;letter-spacing:1.7px;margin-top:23px;color:#7b6b55}.card h3{font-size:31px;margin:8px 0 14px}.spec{color:#776a57;font-size:12px;padding-bottom:22px;border-bottom:1px solid #e4d4bb}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:15px;font-size:13px}.card-bottom small{font-size:10px}.card-bottom button{border:0;background:none;color:var(--ink);padding:10px 0;font-size:12px}.footnote{font-size:10px;color:#776a57;line-height:1.7;margin-top:23px}.living{display:grid;grid-template-columns:1fr 1fr;background:#f2e6d3}.living-image{position:relative;min-height:600px}.living-image img{width:100%;height:100%;object-fit:cover;position:absolute}.living-copy{padding:85px 14%}.living-copy>p{font-size:13px;color:#6c614e}.amenities{display:grid;grid-template-columns:1fr 1fr;gap:24px 10px;margin:35px 0;font-size:12px}.living small{font-size:9px;color:#776a57}.location{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.location p:not(.eyebrow){max-width:390px;font-size:13px;color:#776a57}.location a{font-size:12px;border-bottom:1px solid #a78c70;padding-bottom:9px}.map-art{height:420px;background:#e4e8d5;position:relative;overflow:hidden;background-image:repeating-radial-gradient(ellipse at 45% 40%,transparent 0 30px,#a9ba7a29 31px 32px)}.island{position:absolute;background:#fff1d8;height:290px;width:110px;left:40%;top:45px;transform:rotate(24deg);border-radius:65% 30% 60% 25%;box-shadow:0 0 0 12px #c6cc9b40}.map-title{position:absolute;left:43%;top:48%;font-size:10px;letter-spacing:2px}.ocean{position:absolute;right:18px;top:62%;font-size:8px;color:#546b3d}.compass{position:absolute;right:28px;top:23px;text-align:center;font-size:13px}.map-caption{position:absolute;bottom:18px;left:20px;font-size:9px;color:#546b3d}.inquiry{background:#314623;color:#fffaf2;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-left:max(5%,calc((100% - 1152px)/2));padding-right:max(5%,calc((100% - 1152px)/2))}.inquiry p{max-width:380px;font-size:13px;color:#e5dcc8}.whatsapp{background:none;border:1px solid #a6b481;padding:15px 20px;color:white;font-size:12px;margin-top:20px}form label{display:flex;flex-direction:column;gap:10px;font-size:10px;margin-bottom:20px}input,select,textarea{background:transparent;border:0;border-bottom:1px solid #a6b481;color:#fff;border-radius:0;padding:10px 0;min-width:0;width:100%;color-scheme:dark}option{background:#314623}.form-row{display:flex;gap:22px}.form-row>label{flex:1;min-width:0}.solid{width:100%;margin-top:5px}#result{line-height:1.6;max-width:none}footer{padding:50px 5%;display:flex;justify-content:space-between;gap:35px;align-items:start}footer p{font-size:11px;margin:0 0 10px}footer small{display:block;font-size:9px;max-width:330px;line-height:1.7;color:#776a57}dialog{border:0;padding:0;max-width:700px;width:90%;background:var(--sand);color:var(--ink);max-height:90vh}dialog::backdrop{background:#38200fbb}#close{position:absolute;right:13px;top:13px;border:0;background:var(--sand);height:35px;width:35px;border-radius:50%;font-size:25px;z-index:2}#detail-body>img{height:260px;width:100%;object-fit:cover}.detail-copy{padding:30px}.detail-copy h2{font-size:38px}.detail-copy .cream{background:var(--ink);color:white}[hidden]{display:none!important}@media(min-width:1600px){.hero{height:780px}}@media(max-width:800px){nav{gap:18px}h1{font-size:68px}h2{font-size:43px}.cards{gap:16px}.card-image{height:220px}.card-bottom{align-items:start;flex-direction:column}.living-copy{padding:60px 9%}.location{gap:35px}.intro{column-gap:35px}.section-head{align-items:start;flex-direction:column}footer{flex-wrap:wrap}}@media(max-width:580px){header{height:86px;padding:0 6%}.brand{font-size:34px}nav{display:none}.outline{padding:10px;font-size:10px}.nav-end{gap:8px}.demo{font-size:8px;padding:8px 17px}.hero{margin:0 10px;height:620px}.hero-copy{left:7%;right:7%;top:18%}h1{font-size:62px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-foot{bottom:42px;font-size:7px;letter-spacing:1px}.hero-foot span:first-child{max-width:140px}.wrap{padding:65px 7%}.intro,.location,.inquiry,.living{grid-template-columns:1fr}.intro{gap:0}.intro>.eyebrow{grid-column:auto}.intro>div{margin-top:12px}h2{font-size:43px}.collection{padding-top:0}.tabs{width:100%}.tabs button{flex:1}.cards{grid-template-columns:1fr;gap:35px}.card-image{height:320px}.card-bottom{flex-direction:row;align-items:center}.living-image{min-height:420px}.living-copy{padding:55px 7%}.location{gap:30px}.map-art{height:340px}.island{height:230px}.inquiry{gap:32px}.form-row{gap:12px}footer{padding:40px 7%;gap:30px}.detail-copy{padding:23px}.eyebrow{font-size:9px}.amenities{gap:22px}}
#calendar{background:#ffffff0a;padding:15px;margin:16px 0 24px;border:1px solid #c6b28266;font-size:11px}#calendar p{font-size:12px;line-height:1.8}#calendar small{color:#e5dcc8;font-size:10px}#availability{font-size:13px;color:#f3c879}button:disabled{opacity:.5;cursor:wait}.admin-link{font-size:11px;text-decoration:underline}#wa-link{margin-top:10px}.inquiry .footnote{font-size:10px}.manage{max-width:1120px;padding:40px 6%;margin:auto}.manage header{padding:0;height:80px}.manage h1{font-size:55px}.manage input{color:var(--ink);color-scheme:light;border-color:#a78c70}.manage .solid{background:var(--ink);color:white;width:auto}.manage .form-row{align-items:end}.manage label{flex:1}.manage table{border-collapse:collapse;width:100%;font-size:12px}.manage td,.manage th{text-align:left;vertical-align:top;padding:15px 12px;border-bottom:1px solid #dcc9ad}.manage td small{display:block;margin-top:6px;line-height:1.6}.manage td button{background:none;border:1px solid #a78c70;color:var(--ink);padding:8px;margin:3px}.manage .table-scroll{overflow-x:auto}.manage th{white-space:nowrap}.manage .toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.manage select{color:var(--ink);color-scheme:light;width:auto}.manage option{background:var(--sand)}.manage .status{font-weight:bold}.manage #admin-status{min-height:25px}#requests td{overflow-wrap:anywhere;min-width:130px}

/* Original client logo, preserved without cropping or redrawing. */
header .brand{display:flex;align-items:center;flex-shrink:0;width:142px;height:96px;letter-spacing:0}header .brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}footer .brand{width:190px;flex-shrink:0;letter-spacing:0}footer .brand img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.email-contact{display:inline-block;font-size:13px;margin-top:12px;overflow-wrap:anywhere;border-bottom:1px solid #a6b481;padding-bottom:7px}footer a[href^="mailto:"]{overflow-wrap:anywhere}footer>div:nth-child(2){min-width:0}.manage header .brand{width:115px;height:80px}@media(max-width:580px){header .brand{width:110px;height:82px}footer .brand{width:155px}.email-contact{font-size:12px}}

/* Edge-to-edge hero and dedicated villa pages. */
.hero{margin:0;width:100%;height:calc(100svh - 130px);min-height:570px}.villa-link{font-size:12px;padding:10px 0}.villa-link:hover{text-decoration:underline}.villa-heading{padding-top:35px;padding-bottom:35px}.back-link{display:inline-block;font-size:12px;border-bottom:1px solid #a78c70;margin-bottom:40px}.villa-heading h1{font-size:78px;margin:0 0 12px}.villa-heading>p:last-child{color:#776a57}.villa-gallery{max-width:1400px;margin:auto;padding:0 5%}.gallery-main{height:580px;position:relative}.gallery-main>img{width:100%;height:100%;object-fit:cover}.gallery-thumbs{display:flex;gap:12px;margin-top:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.gallery-thumb{border:2px solid transparent;padding:3px;background:transparent;width:120px;height:85px;flex-shrink:0;cursor:pointer}.gallery-thumb[aria-pressed="true"]{border-color:#b87838}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.villa-content{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:90px;align-items:start}.villa-content>div>p:not(.eyebrow){max-width:650px;color:#776a57}.villa-specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dcc9ad;border-bottom:1px solid #dcc9ad;padding:25px 0;gap:20px;margin-top:35px}.villa-specs strong{font-family:'Italiana',Georgia,serif;font-size:36px;font-weight:400;display:block}.villa-specs span{font-size:12px;color:#776a57;display:block;margin-top:8px}.detail-section-title{font-size:31px;margin:45px 0 20px}.villa-amenities{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0;list-style:none;font-size:13px}.villa-amenities li{border-bottom:1px solid #e4d4bb;padding-bottom:15px}.stay-card{position:sticky;top:30px;background:#f2e6d3;padding:30px;border:1px solid #dcc9ad}.stay-card h3{font-size:40px;margin:0}.stay-card .stay-price{font-size:30px;margin-bottom:0}.stay-price small{font-size:12px}.stay-card .solid{display:block;text-align:center;background:#4a2818;color:#fffaf2;margin-top:25px}.stay-card>p:not(.stay-price):not(.eyebrow){font-size:12px;line-height:1.8}.stay-email{display:block;border-bottom:1px solid #a78c70;font-size:12px;padding-bottom:12px;margin:25px 0 15px}.stay-card>small{font-size:10px;line-height:1.7;color:#776a57;display:block}.villa-content details{border-bottom:1px solid #dcc9ad;padding:20px 0;font-size:13px}.villa-content summary{cursor:pointer;line-height:1.6}.villa-content details p{color:#776a57}.other-villas{padding-top:0}.other-villas>div{display:flex;gap:20px}
@media(max-width:800px){.villa-content{grid-template-columns:minmax(0,1fr) 280px;gap:35px}.gallery-main{height:440px}}@media(max-width:580px){.hero{margin:0;height:calc(100svh - 122px);min-height:560px}.villa-heading h1{font-size:60px}.villa-gallery{padding:0}.gallery-main{height:400px}.gallery-thumbs{padding:0 7%}.villa-content{grid-template-columns:1fr;gap:40px}.stay-card{position:static;grid-row:1}.villa-specs{gap:10px}.villa-specs strong{font-size:30px}.villa-amenities{gap:18px}.other-villas>div{flex-wrap:wrap}}

/* Flora footer: warm dark background, three columns and a quiet lower rail. */
footer.flora-footer{display:block;background:#2e1e15;color:#e6d7c4;padding:72px max(6%,calc((100% - 1240px)/2)) 28px;gap:0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.15fr;gap:70px}.flora-footer .footer-logo{display:block;width:140px;margin-bottom:24px}.flora-footer .footer-logo img{display:block;width:100%;height:auto;mix-blend-mode:normal;border-radius:3px}.flora-footer .footer-about>p{font-size:13px;line-height:1.9;max-width:380px;color:#cabaA6;margin:0 0 20px}.flora-footer h3{font-family:'Italiana',Georgia,serif;font-size:22px;color:#fff5e5;letter-spacing:0;margin:8px 0 28px}.flora-footer .footer-navigation>a{display:block;width:fit-content;margin-bottom:16px;color:#cabaA6;font-size:13px}.flora-footer a:hover{color:#f4cd8a}.flora-footer .footer-contact>a:not(.footer-management),.flora-footer .footer-contact>p:not(.footer-note){display:flex;align-items:baseline;gap:12px;font-size:13px;line-height:1.8;color:#dccdb8;margin:0 0 17px;overflow-wrap:anywhere}.footer-contact>a>span:last-child{min-width:0}.footer-icon{color:#d3a559;font-size:17px;flex-shrink:0}.flora-footer .footer-contact .footer-note{font-size:11px;line-height:1.8;color:#b6a48f;margin-top:26px;max-width:270px}.footer-management{font-size:11px;color:#b6a48f;border-bottom:1px solid #79604b;padding-bottom:4px;display:inline-block;margin-top:4px}.footer-contact-pill{display:inline-block;border:1px solid #735b45;border-radius:22px;padding:9px 16px;font-size:11px;color:#e6d7c4}.flora-footer .footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff17;padding-top:24px;margin-top:56px;font-size:11px;line-height:1.8;color:#b6a48f}.footer-bottom strong{font-weight:500;color:#eee0ca}.footer-separator{margin:0 10px;color:#806b56}@media(max-width:1000px){.footer-grid{gap:35px;grid-template-columns:1.1fr .7fr 1.2fr}.flora-footer .footer-contact>a:not(.footer-management){font-size:12px}}@media(max-width:650px){footer.flora-footer{padding:48px 7% 24px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px 25px}.footer-about{grid-column:1/-1}.flora-footer .footer-logo{width:125px}.flora-footer .footer-about>p{max-width:100%}.flora-footer .footer-bottom{flex-direction:column;gap:12px;margin-top:36px}.flora-footer h3{font-size:21px}.footer-contact{min-width:0}.flora-footer .footer-contact>a:not(.footer-management){font-size:11px}}@media(max-width:420px){.footer-grid{grid-template-columns:1fr}.footer-about{grid-column:auto}.flora-footer .footer-navigation{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.footer-navigation h3{grid-column:1/-1}}
/* Restrained corporate footer, aligned with the site's cream and walnut palette. */
footer.flora-footer{background:#f5eee3;color:#4a2818;border-top:1px solid #dfd0bb;padding-top:58px;padding-bottom:25px}.flora-footer .footer-grid{grid-template-columns:1.25fr .8fr 1.2fr;gap:75px}.flora-footer .footer-logo{width:150px;margin-bottom:22px}.flora-footer .footer-logo img{mix-blend-mode:multiply;border-radius:0}.flora-footer h3{font-family:'DM Sans',Arial,sans-serif;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:#4a2818;margin:12px 0 25px}.flora-footer .footer-about>p{font-size:12px;color:#776a57;max-width:325px;line-height:1.9}.flora-footer .footer-navigation>a{font-size:12px;color:#6e5c49;margin-bottom:15px}.flora-footer a:hover{color:#a56a2f}.flora-footer .footer-contact>a:not(.footer-management),.flora-footer .footer-contact>p:not(.footer-note){color:#6e5c49;font-size:12px;gap:0}.flora-footer .footer-icon{display:none}.flora-footer .footer-contact .footer-note{color:#887862;font-size:11px;max-width:260px}.flora-footer .footer-management{color:#887862;border-bottom-color:#c8b79d;font-size:10px}.flora-footer .footer-contact-pill{border:0;border-bottom:1px solid #bfa686;border-radius:0;padding:0 0 5px;color:#6e5c49;font-size:11px}.flora-footer .footer-bottom{border-top:1px solid #dfd0bb;color:#887862;font-size:10px;margin-top:45px;padding-top:22px}.flora-footer .footer-bottom strong{color:#6e5c49;font-weight:500}.flora-footer .footer-separator{color:#b49c7f}@media(max-width:1000px){.flora-footer .footer-grid{gap:35px;grid-template-columns:1.1fr .7fr 1.2fr}}@media(max-width:650px){.flora-footer .footer-grid{grid-template-columns:1fr 1fr;gap:30px}.flora-footer .footer-logo{width:135px}.flora-footer .footer-about>p{max-width:100%}.flora-footer .footer-contact>a:not(.footer-management){font-size:11px}.flora-footer .footer-bottom{margin-top:32px}}@media(max-width:420px){.flora-footer .footer-grid{grid-template-columns:1fr}.flora-footer .footer-navigation{display:block}.flora-footer .footer-navigation>a{display:inline-block;width:48%;vertical-align:top}}

.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;padding:12px 20px;background:#4a2818;color:#fffaf2}.skip-link:focus{top:10px}.operator-line{font-size:11px!important;color:#776a57;margin:32px 0 0!important;line-height:1.8!important}.flora-footer .footer-bottom{margin-top:20px}.inquiry-disclosure{font-size:11px!important;line-height:1.8;color:#e5dcc8}.manual-block{border:1px solid #dcc9ad;padding:18px;margin:25px 0}.manual-block summary{cursor:pointer;font-size:13px}.manual-block form{margin-top:22px}.manual-block select{width:100%}.manual-block input{background:transparent}.manual-block label{font-size:12px}.manual-block .form-row{flex-wrap:wrap}.manual-block .form-row label{min-width:150px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:580px){#dates{flex-wrap:wrap}#dates>label{flex:1 1 40%}#dates>label:last-child{flex-basis:100%}#form>.form-row:not(#dates){flex-direction:column;gap:0}}

/* Separate pages, a compact reservations layout, and a transparent vector wordmark. */
header{position:relative}header .brand{width:180px;height:90px}header .brand img{mix-blend-mode:normal}.flora-footer .footer-logo{width:180px}.flora-footer .footer-logo img{mix-blend-mode:normal}.hero{height:calc(100svh - 100px)}.page-heading{padding-top:65px;padding-bottom:45px}.page-heading h1{font-size:72px;margin:0 0 24px;line-height:1.1}.page-heading>p:last-child{font-size:14px;color:#776a57;max-width:570px}.compact-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:50px;padding-bottom:50px;border-top:1px solid #dfd0bb}.compact-cta h2{font-size:38px;margin:0}.compact-cta .eyebrow{margin-bottom:15px}.compact-cta>.solid{width:auto;flex-shrink:0;background:#4a2818;color:#fffaf2}.mobile-menu{display:none}.inquiry{background:#fffaf2;color:#4a2818;max-width:1120px;margin:0 auto;padding:55px 5% 65px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px}.inquiry h2{font-size:46px}.inquiry p{color:#776a57;font-size:12px}.inquiry .eyebrow{color:#4a2818}.inquiry input,.inquiry select,.inquiry textarea{color:#4a2818;color-scheme:light;border-color:#c8b79d;padding:8px 0}.inquiry option{background:#fffaf2}.inquiry form label{margin-bottom:14px;color:#6e5c49}.inquiry .solid{background:#4a2818;color:#fffaf2;padding:14px 20px}.inquiry .whatsapp{border-color:#c8b79d;color:#4a2818;margin-top:5px;padding:11px 17px}.inquiry .email-contact{font-size:12px;border-color:#c8b79d}.inquiry .inquiry-disclosure{font-size:10px!important;line-height:1.7}.inquiry #calendar{border-color:#dfd0bb;background:#f5eee3;margin:12px 0}.inquiry #calendar p,.inquiry #calendar small{color:#776a57}.inquiry #availability{color:#546b3d;font-size:12px}.calendar-disclosure{font-size:11px;margin:12px 0 20px}.calendar-disclosure summary{cursor:pointer}.inquiry #result{color:#546b3d}.inquiry #wa-link{background:#314623;color:white}.inquiry textarea{min-height:45px}.inquiry .form-row{gap:18px}.inquiry .footnote{font-size:10px}.inquiry .cream{font-size:12px}
@media(max-width:800px){.inquiry{gap:30px}.page-heading h1{font-size:58px}.compact-cta h2{font-size:33px}}@media(max-width:580px){header .brand{width:145px;height:80px}header .nav-end{margin-left:auto;margin-right:18px}.mobile-menu{display:block;font-size:12px}.mobile-menu summary{cursor:pointer;list-style:none}.mobile-menu nav{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:86px;background:#fffaf2;z-index:100;gap:0;padding:15px 7%;box-shadow:0 12px 20px #4a281814}.mobile-menu nav a{padding:13px 0}.hero{height:calc(100svh - 86px)}.page-heading{padding:45px 7% 30px}.page-heading h1{font-size:47px}.compact-cta{flex-direction:column;align-items:flex-start}.compact-cta h2{font-size:34px}.inquiry{padding:35px 7% 45px;grid-template-columns:1fr;gap:24px}.inquiry h2{font-size:38px;margin-bottom:16px}.inquiry .eyebrow{margin-bottom:16px}.inquiry .email-contact{margin-top:0}.inquiry .form-row{gap:12px}.flora-footer .footer-logo{width:155px}}

.inquiry h1{font-size:46px;line-height:1.1;letter-spacing:-1px;margin:0 0 25px}@media(max-width:580px){.inquiry h1{font-size:38px;margin-bottom:16px}}

/* Client original logo, unchanged and displayed in full. */
header .brand{width:142px;height:96px}header .brand img{object-fit:contain;mix-blend-mode:normal}.flora-footer .footer-logo{width:155px}.flora-footer .footer-logo img{width:100%;height:auto;object-fit:contain;mix-blend-mode:normal}@media(max-width:580px){header .brand{width:110px;height:82px}.flora-footer .footer-logo{width:140px}}

.compact-cta{flex-wrap:wrap}.quick-stay{display:grid;grid-template-columns:1fr 1fr 1fr .65fr auto;gap:18px;width:100%;align-items:end}.quick-stay label{font-size:11px;color:#6e5c49;margin:0}.quick-stay input,.quick-stay select{color:#4a2818;color-scheme:light;border-color:#c8b79d;width:100%;height:42px}.quick-stay option{background:#fffaf2}.quick-stay .solid{width:auto;background:#4a2818;color:#fffaf2;height:44px;white-space:nowrap;margin:0}.quick-error{grid-column:1/-1;margin:0;font-size:11px}@media(max-width:800px){.quick-stay{grid-template-columns:1fr 1fr}.quick-stay .solid{grid-column:1/-1}}@media(max-width:420px){.quick-stay{gap:16px 12px}.quick-stay label:first-child{grid-column:1/-1}}

/* Blend the original logo's light background into the cream surfaces. */
header .brand img,.flora-footer .footer-logo img,.manage header .brand img{mix-blend-mode:multiply;background:transparent}

.quick-stay{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-stay .quick-contact{grid-column:span 2}.quick-stay .solid{grid-column:1/-1;justify-self:end;min-width:210px}.quick-stay .quick-error{grid-column:1/-1}@media(max-width:800px){.quick-stay{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-stay .quick-contact{grid-column:auto}.quick-stay .solid{justify-self:stretch}}@media(max-width:420px){.quick-stay .quick-contact{grid-column:1/-1}}

/* Center the hero copy as one balanced group on every screen. */
.hero-copy{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:calc(100% - 12%);max-width:1050px;text-align:center}.hero-copy .eyebrow{margin-left:auto;margin-right:auto}.hero-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto;max-width:700px}.hero .shade{background:linear-gradient(0deg,#241a1480,#241a1455 50%,#241a1455)}@media(max-width:580px){.hero-copy{left:50%;right:auto;top:48%;width:86%;max-width:none}.hero-copy h1{font-size:clamp(42px,11vw,62px);letter-spacing:-1px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.6px;line-height:1.8}.hero-copy>p:not(.eyebrow){font-size:12px;line-height:1.8}}

/* True alpha replaces background blending for the transparent logo. */
header .brand img,.flora-footer .footer-logo img,.manage header .brand img{mix-blend-mode:normal}

/* Keep the navigation logo aligned to the left edge. */
body>header{padding-left:24px}body>header>.brand{margin-left:0;margin-right:auto;justify-content:flex-start}body>header>.brand img{object-position:left center}body>header>nav{position:absolute;left:50%;transform:translateX(-50%)}@media(max-width:800px){body>header>nav{position:static;transform:none;margin-right:25px}}@media(max-width:580px){body>header{padding-left:16px}body>header>.brand{margin-right:auto}}

/* Clear villa CTA and touch-friendly mobile collection carousel. */
.card .villa-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 19px;background:#4a2818;color:#fffaf2;border:1px solid #4a2818;font-size:12px;font-weight:500;line-height:1.3;text-decoration:none;transition:background .2s,border-color .2s}.card .villa-link:hover{background:#704528;border-color:#704528;text-decoration:none}.card .villa-link:focus-visible{outline:3px solid #b87838;outline-offset:4px}.slider-hint{display:none}@media(max-width:580px){.collection .cards{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:0 6px 20px 0;margin-right:-8%;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#bfa686 #ede2d0}.collection .cards>.card{flex:0 0 88%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.collection .card-image{height:300px}.collection .card-bottom{gap:12px;align-items:center;flex-direction:row}.collection .card .villa-link{padding:12px 16px;flex-shrink:0}.slider-hint{display:block;font-size:11px;color:#887862;margin:16px 0 0;letter-spacing:.3px}.collection .cards:focus-visible{outline:2px solid #b87838;outline-offset:5px}}@media(prefers-reduced-motion:reduce){.card .villa-link{transition:none}}

/* Editorial presentation refinement — booking behavior stays intact. */
body>header{height:96px;border-bottom:1px solid #4a281810;padding-right:4%}body>header>.brand{width:132px;height:90px}body>header>nav{gap:34px}body>header>nav a{font-size:12px;position:relative;padding:12px 0;color:#78614d}body>header>nav a[aria-current="page"]{color:#4a2818}body>header>nav a[aria-current="page"]:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:1px;background:#a87842}body>header .nav-end .outline{background:#4a2818;border-color:#4a2818;color:#fffaf2;padding:14px 25px;font-size:11px;letter-spacing:.5px}.hero{height:calc(100svh - 96px)}.hero-copy{max-width:980px}.hero-copy h1{font-size:clamp(55px,5.2vw,84px);line-height:1.1;letter-spacing:-1.6px;margin-bottom:26px}.hero-copy .eyebrow{font-size:9px;letter-spacing:3px;margin-bottom:26px}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.95;max-width:590px}.hero-copy .cream{padding:16px 28px;font-size:11px;letter-spacing:.4px}.wrap{padding-top:72px;padding-bottom:72px}.intro{padding-top:80px;padding-bottom:60px}.intro h2{font-size:clamp(38px,3.6vw,55px)}.intro>div p{font-size:13px;line-height:1.95}.eyebrow{letter-spacing:2.4px}.editorial-gallery{max-width:1280px;margin:0 auto 75px;padding:0 5%;display:grid;grid-template-columns:1.45fr 1fr;gap:65px;align-items:center}.editorial-gallery figure{margin:0;position:relative;overflow:hidden}.editorial-main{height:570px}.editorial-main>img{width:100%;height:100%;object-fit:cover}.editorial-main:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#241a1466);pointer-events:none}.editorial-main figcaption{position:absolute;left:28px;bottom:28px;z-index:1;color:#fffaf2;letter-spacing:3px;font-size:9px}.editorial-side{padding-top:40px}.editorial-side h2{font-size:44px;margin-bottom:35px}.editorial-side>img{width:100%;height:270px;object-fit:cover}.editorial-side .footnote{margin:15px 0;font-size:10px;max-width:330px}.editorial-link{display:inline-block;border-bottom:1px solid #bfa686;padding:8px 0;font-size:11px}.collection{padding-top:5px;padding-bottom:65px}.section-head h2{font-size:48px}.card{background:#f8f1e7;border:1px solid #e9ddcc}.card-image{height:330px}.card-image:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#241a1499);pointer-events:none}.card .card-image-title{position:absolute;bottom:24px;left:24px;z-index:1;font-size:38px;color:#fffaf2;margin:0}.card .tag{font-size:8px;background:#fffaf2ed;letter-spacing:1px;padding:8px 10px}.card .region{margin:24px 24px 14px;font-size:8px;letter-spacing:2px}.card .spec{margin:0 24px;padding-bottom:20px;font-size:11px}.card .card-bottom{padding:18px 24px 22px;gap:12px}.card .villa-link{font-size:10px;letter-spacing:.3px;padding:12px 15px}.card-bottom>span{font-size:13px}.card-bottom small{display:block;font-size:9px;line-height:1.8;color:#887862}.compact-cta{background:#f4ecdf;padding-top:45px;padding-bottom:45px;margin-bottom:55px;border:1px solid #e5d6c0}.compact-cta h2{font-size:37px}.quick-stay{gap:20px}.quick-stay label{font-size:10px}.quick-stay .solid{font-size:11px;padding:13px 24px}.outline,.cream,.solid,.editorial-link{transition:background .2s,color .2s,border-color .2s}.solid:hover,body>header .nav-end .outline:hover{background:#704528}.cream:hover{background:#fff3df}.flora-footer{border-top:1px solid #dfd0bb}.page-heading{padding-top:55px;padding-bottom:40px}.page-heading h1{font-size:clamp(46px,5vw,70px)}
@media(max-width:1000px){.editorial-gallery{gap:35px}.editorial-main{height:490px}.editorial-side h2{font-size:36px}.card .card-bottom{padding:16px;flex-wrap:wrap}.card .spec{margin:0 16px}.card .region{margin-left:16px}.card-image{height:280px}}@media(max-width:580px){body>header{height:86px}body>header>.brand{width:110px;height:80px}body>header .nav-end .outline{padding:11px 14px;font-size:10px}.hero{height:calc(100svh - 86px)}.hero-copy h1{font-size:clamp(42px,10.5vw,60px);line-height:1.12;letter-spacing:-1px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.7px}.wrap{padding-top:50px;padding-bottom:50px}.intro{padding-top:55px;padding-bottom:35px}.editorial-gallery{padding:0 7%;grid-template-columns:1fr;gap:25px;margin-bottom:48px}.editorial-main{height:360px}.editorial-side{padding-top:0}.editorial-side h2{font-size:36px;margin-bottom:23px}.editorial-side>img{height:230px}.editorial-side .eyebrow{margin-bottom:18px}.collection{padding-top:0}.section-head h2{font-size:39px}.collection .card-image{height:300px}.card .card-image-title{font-size:35px}.collection .card-bottom{padding:16px;flex-wrap:nowrap}.collection .card .villa-link{font-size:10px;padding:12px}.compact-cta{margin-bottom:35px;border-left:0;border-right:0}.compact-cta h2{font-size:32px}.quick-stay{gap:16px 12px}}@media(prefers-reduced-motion:reduce){.outline,.cream,.solid,.editorial-link{transition:none}}

/* Destination page openings and quiet mobile collection pagination. */
.destination-hero{position:relative;height:clamp(480px,65vh,720px);min-height:480px;color:#fffaf2;overflow:hidden}.destination-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.destination-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#211a15a6,#211a1526),linear-gradient(0deg,#211a154d,transparent 65%)}.destination-copy{position:absolute;top:50%;left:max(7%,calc((100% - 1152px)/2));transform:translateY(-50%);right:7%;max-width:820px}.destination-copy h1{font-size:clamp(52px,5.5vw,82px);line-height:1.08;letter-spacing:-1.4px;margin:0 0 25px}.destination-copy .eyebrow{font-size:9px;letter-spacing:3px;margin-bottom:24px}.destination-copy>p:last-child{font-size:14px;line-height:1.8;color:#fff3df}.destination-hero .image-label{background:#241a1470;font-size:9px}.villa-slider-controls{display:none}@media(max-width:580px){.destination-hero{height:510px;min-height:460px;max-height:75svh}.destination-copy{left:7%;right:7%;max-width:none}.destination-copy h1{font-size:clamp(44px,11vw,60px);line-height:1.1}.destination-copy .eyebrow{font-size:8px;letter-spacing:2px}.destination-copy>p:last-child{font-size:12px;max-width:270px}.destination-hero .image-label{font-size:8px;left:7%;right:auto;max-width:85%}.villa-slider-controls{display:flex;align-items:center;justify-content:space-between;padding-top:12px}.villa-slider-dots{display:flex;align-items:center;gap:4px}.villa-slider-dots button{position:relative;width:36px;height:36px;border:0;background:transparent;padding:0}.villa-slider-dots button:before{content:"";position:absolute;width:6px;height:6px;left:15px;top:15px;border-radius:50%;background:#cbb99d;transition:width .2s,left .2s,background .2s}.villa-slider-dots button[aria-current="true"]:before{width:22px;left:7px;border-radius:5px;background:#6b4127}.villa-slide-count{font-size:10px;letter-spacing:2px;color:#887862}.collection .cards{padding-bottom:8px;scrollbar-width:none}.collection .cards::-webkit-scrollbar{display:none}}@media(prefers-reduced-motion:reduce){.villa-slider-dots button:before{transition:none}}

/* Light editorial Island Living opening, without repeated resort photography. */
.island-opening{max-width:1440px;margin:0 auto;padding:55px 5% 65px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.island-opening-copy{padding:20px 0 20px 30px}.island-opening h1{font-size:clamp(54px,5.4vw,82px);line-height:1.07;letter-spacing:-1.6px;margin:0 0 30px}.island-opening-copy>p:not(.eyebrow){max-width:340px;font-size:14px;line-height:1.95;color:#776a57;margin-bottom:30px}.island-opening-copy .eyebrow{font-size:9px;letter-spacing:2.5px;margin-bottom:30px}.island-opening .outline{display:inline-block;font-size:11px;padding:14px 23px}.island-opening-note{display:block;font-size:8px;letter-spacing:2px;color:#9a866d;margin-top:50px}.island-opening figure{margin:0;position:relative;height:540px}.island-opening figure>img{width:100%;height:100%;object-fit:cover}.island-opening figcaption{position:absolute;bottom:14px;left:15px;right:15px;font-size:9px;color:#fffaf2;text-shadow:0 1px 6px #241a14;background:#241a1455;padding:6px 9px;width:fit-content}.island-moments{padding-top:25px;padding-bottom:60px;border-top:1px solid #e9ddcc}.island-moments-heading{display:flex;justify-content:space-between;gap:30px;align-items:start;padding-top:45px;margin-bottom:40px}.island-moments-heading .eyebrow{margin-top:12px}.island-moments-heading h2{font-size:43px;margin:0}.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.moment-grid article{border-top:1px solid #d8c5a9;padding-top:22px}.moment-number{font-size:10px;letter-spacing:2px;color:#a87842}.moment-grid h3{font-size:30px;margin:20px 0 14px}.moment-grid p{font-size:12px;line-height:1.9;color:#776a57;max-width:300px}.island-moments>.footnote{margin-top:30px}@media(max-width:900px){.island-opening{gap:35px}.island-opening-copy{padding-left:0}.island-opening figure{height:470px}.island-opening h1{font-size:60px}.moment-grid{gap:25px}}@media(max-width:580px){.island-opening{padding:35px 7% 40px;grid-template-columns:1fr;gap:30px}.island-opening-copy{padding:0}.island-opening h1{font-size:55px;margin-bottom:22px}.island-opening-copy .eyebrow{margin-bottom:24px}.island-opening-copy>p:not(.eyebrow){font-size:12px;max-width:300px;margin-bottom:25px}.island-opening-note{margin-top:27px;font-size:7px}.island-opening figure{height:340px}.island-moments-heading{display:block;padding-top:10px;margin-bottom:28px}.island-moments-heading h2{font-size:36px}.island-moments-heading .eyebrow{margin-bottom:22px}.moment-grid{grid-template-columns:1fr;gap:22px}.moment-grid article{padding-top:16px}.moment-grid h3{margin-top:12px;font-size:29px}.moment-grid p{max-width:100%}.island-moments{padding-bottom:35px}}

/* Island Living: a simple villa-focused introduction and useful next steps. */
.island-intro{text-align:center;padding-top:65px;padding-bottom:45px}.island-intro .eyebrow{font-size:9px;margin-bottom:24px}.island-intro h1{font-size:clamp(56px,5.5vw,78px);line-height:1.1;margin:0 0 20px;letter-spacing:-1.5px}.island-intro>p:last-child{font-size:14px;line-height:1.9;color:#776a57;margin:0}.island-wide{position:relative;max-width:1280px;margin:0 auto; height:480px;overflow:hidden}.island-wide>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.island-wide figcaption{position:absolute;bottom:15px;left:20px;font-size:9px;color:#fffaf2;background:#241a1470;padding:6px 10px}.island-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:65px;padding-bottom:65px}.island-story h2{font-size:49px;line-height:1.1;margin-bottom:25px}.island-story>div>p:not(.eyebrow){font-size:13px;line-height:1.95;max-width:390px;color:#776a57}.island-story .outline{display:inline-block;margin-top:20px;font-size:11px;padding:14px 24px}.island-practical article{border-top:1px solid #dfd0bb;padding:22px 0}.island-practical h3{font-size:28px;margin:0 0 13px}.island-practical p{font-size:12px;line-height:1.9;color:#776a57;margin:0}.island-practical a{display:inline-block;font-size:11px;margin-top:12px;border-bottom:1px solid #bfa686;padding-bottom:4px}@media(max-width:900px){.island-wide{margin:0 5%;height:400px}.island-story{gap:45px}}@media(max-width:580px){.island-intro{padding:40px 7% 30px}.island-intro h1{font-size:54px}.island-intro>p:last-child{font-size:12px}.island-wide{margin:0;height:310px}.island-wide figcaption{font-size:8px;left:7%;max-width:86%}.island-story{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:40px}.island-story h2{font-size:40px}.island-story>div>p:not(.eyebrow){max-width:100%}.island-practical article{padding:20px 0}}

/* Modern Island Living: clean typography, broad photography and modular details. */
.modern-island{max-width:1400px;margin:auto;padding:40px 5% 55px}.modern-island-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded2c0;padding-bottom:20px}.modern-kicker,.modern-place{font-size:9px;letter-spacing:1.8px;font-weight:500}.modern-place{color:#887862}.modern-island-title{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:65px;padding:42px 0}.modern-island-title h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(38px,4.3vw,65px);font-weight:500;line-height:1.12;letter-spacing:-2.8px;margin:0}.modern-island-title h1 span{color:#9a876e}.modern-island-title>div{padding-bottom:4px}.modern-island-title p{font-size:13px;line-height:1.9;color:#776a57;margin:0 0 22px}.modern-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:14px 22px;background:#4a2818;color:#fffaf2;font-size:11px;font-weight:500;border-radius:6px;transition:background .2s}.modern-button:hover{background:#704528}.modern-island-photo{position:relative;height:475px;margin:0;border-radius:12px;overflow:hidden;background:#e5d6c0}.modern-island-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.modern-island-photo:after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#20150f99);pointer-events:none}.modern-photo-caption{position:absolute;bottom:22px;left:25px;right:25px;z-index:1;display:flex;justify-content:space-between;gap:20px;color:#fffaf2;font-size:9px;letter-spacing:1px}.modern-photo-caption span:last-child{letter-spacing:0;opacity:.85}.modern-island-bottom{display:grid;grid-template-columns:.85fr 1.7fr;gap:65px;margin-top:58px}.modern-section-label h2{font-family:'DM Sans',Arial,sans-serif;font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:23px 0 18px}.modern-section-label p{max-width:265px;font-size:12px;line-height:1.9;color:#776a57}.modern-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modern-feature-grid article{padding:26px;background:#f3ecdf;border:1px solid #e8dccb;border-radius:10px}.modern-feature-num{font-size:8px;letter-spacing:1.5px;color:#91795b;font-weight:500}.modern-feature-grid h3{font-family:'DM Sans',Arial,sans-serif;font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.4px;margin:22px 0 12px}.modern-feature-grid p{font-size:11px;line-height:1.9;color:#776a57;margin:0 0 17px}.modern-feature-grid article>a:not(.modern-button){font-size:10px;border-bottom:1px solid #bfa686;padding-bottom:4px}.modern-feature-grid .modern-feature-wide{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#e8ecdf;border-color:#dbe0d0}.modern-feature-wide h3{margin-top:16px}.modern-feature-wide p{margin-bottom:0;max-width:370px}.modern-feature-wide>.modern-button{flex-shrink:0;background:#314623}.modern-disclaimer{font-size:9px;color:#9a876e;line-height:1.8;margin:26px 0 0;max-width:670px}@media(max-width:900px){.modern-island-title{gap:30px;grid-template-columns:1.3fr 1fr}.modern-island-title h1{font-size:43px;letter-spacing:-1.8px}.modern-island-bottom{gap:30px;grid-template-columns:.8fr 1.6fr}.modern-feature-grid article{padding:20px}.modern-feature-grid .modern-feature-wide{display:block}.modern-feature-wide>.modern-button{margin-top:22px}.modern-island-photo{height:400px}}@media(max-width:580px){.modern-island{padding:25px 7% 35px}.modern-kicker,.modern-place{font-size:7px;letter-spacing:1px}.modern-island-top{padding-bottom:16px}.modern-island-title{grid-template-columns:1fr;gap:23px;padding:30px 0}.modern-island-title h1{font-size:clamp(34px,9vw,46px);letter-spacing:-1.6px;line-height:1.15}.modern-island-title p{font-size:12px;margin-bottom:20px}.modern-button{font-size:10px;padding:13px 19px}.modern-island-photo{height:330px;border-radius:8px}.modern-photo-caption{bottom:16px;left:16px;right:16px;display:block;font-size:7px;line-height:1.8}.modern-photo-caption span{display:block}.modern-island-bottom{grid-template-columns:1fr;margin-top:35px;gap:20px}.modern-section-label h2{font-size:29px;margin-top:18px}.modern-section-label p{max-width:100%}.modern-feature-grid{gap:12px}.modern-feature-grid article{padding:20px;grid-column:1/-1}.modern-feature-grid h3{font-size:18px;margin-top:17px}.modern-feature-grid p{font-size:12px}.modern-disclaimer{font-size:9px;margin-top:23px}}@media(prefers-reduced-motion:reduce){.modern-button{transition:none}}


/* Quick WhatsApp Reservation Buttons & Floating Action */
.stay-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #25D366;
  color: #ffffff !important;
  padding: 15px 20px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-top: 14px;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.3);
  text-align: center;
}
.stay-whatsapp:hover {
  background: #1eaa52;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45);
  color: #ffffff !important;
}
.stay-whatsapp svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  flex-shrink: 0;
}

.villa-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-top: 26px;
}
.villa-quick-actions .solid {
  margin-top: 0;
  width: auto;
  padding: 14px 26px;
}
.whatsapp-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #25D366;
  color: #ffffff !important;
  padding: 13px 22px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 3px 12px rgba(37, 211, 102, 0.28);
}
.whatsapp-pill:hover {
  background: #1eaa52;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.42);
  color: #ffffff !important;
}
.whatsapp-pill svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.card-links {
  display: flex;
  align-items: center;
  gap: 12px;
}
.villa-wa-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e8f7ee;
  color: #1e8346;
  border: 1px solid #bce3c9;
  text-decoration: none;
  transition: all 0.25s ease;
  flex-shrink: 0;
}
.villa-wa-link:hover {
  background: #25D366;
  color: #ffffff;
  border-color: #25D366;
  transform: translateY(-2px) scale(1.08);
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
}
.villa-wa-link svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

/* Floating WhatsApp badge across the site - Pure Icon */
.floating-whatsapp {
  position: fixed;
  bottom: 26px;
  right: 26px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 0;
  border-radius: 50%;
  background: #25D366;
  color: #ffffff !important;
  text-decoration: none;
  box-shadow: 0 6px 22px rgba(37, 211, 102, 0.42), 0 4px 12px rgba(0, 0, 0, 0.14);
  transition: transform 0.25s cubic-bezier(0.2, 0, 0.1, 1), box-shadow 0.25s cubic-bezier(0.2, 0, 0.1, 1), background 0.2s ease;
}
.floating-whatsapp:hover {
  background: #20ba59;
  transform: translateY(-3px) scale(1.08);
  box-shadow: 0 10px 28px rgba(37, 211, 102, 0.58), 0 6px 16px rgba(0, 0, 0, 0.2);
  color: #ffffff !important;
}
.floating-whatsapp:active {
  transform: scale(0.94);
}
.floating-whatsapp svg {
  width: 28px;
  height: 28px;
  fill: #ffffff;
  flex-shrink: 0;
}
.floating-whatsapp .floating-whatsapp-text {
  display: none !important;
}
@media(max-width: 580px) {
  .floating-whatsapp {
    bottom: 18px;
    right: 18px;
    width: 48px;
    height: 48px;
  }
  .floating-whatsapp svg {
    width: 24px;
    height: 24px;
  }
}

/* Vodesoft Footer Link Styling */
.flora-footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  border-top: 1px solid #dfd0bb;
  color: #776a57;
  font-size: 11px;
  line-height: 1.8;
  margin-top: 32px;
  padding-top: 22px;
}
.footer-vodesoft {
  color: #6e5c49;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: all 0.2s ease;
}
.footer-vodesoft strong {
  color: #3b2012;
  font-weight: 700;
  letter-spacing: 0.3px;
  transition: color 0.2s ease;
}
.footer-vodesoft:hover {
  color: #a56a2f;
  transform: translateY(-1px);
}
.footer-vodesoft:hover strong {
  color: #a56a2f;
  text-decoration: underline;
}

/* Page Hero for Villas Collection and Subpages with Photo & Shade Overlay */
.page-hero {
  position: relative;
  height: clamp(520px, 64vh, 660px);
  min-height: 480px;
  color: #fffaf2;
  margin: 0 20px 48px;
  overflow: hidden;
  border-radius: 4px;
}
.page-hero > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.page-hero .shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(36, 26, 20, 0.78), rgba(36, 26, 20, 0.45) 50%, rgba(36, 26, 20, 0.65));
}
.page-hero .hero-copy {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 10%);
  max-width: 960px;
  text-align: center;
  z-index: 2;
}
.page-hero .hero-copy h1 {
  font-family: 'Italiana', Georgia, serif;
  font-size: clamp(48px, 5.5vw, 76px);
  line-height: 1.08;
  letter-spacing: -1.6px;
  margin: 0 0 20px;
  color: #ffffff;
}
.page-hero .hero-copy .eyebrow {
  font-size: 10px;
  letter-spacing: 3px;
  font-weight: 600;
  color: #f7e7ce;
  margin: 0 0 20px;
}
.page-hero .hero-copy > p:not(.eyebrow) {
  font-size: 14px;
  line-height: 1.9;
  color: #f0e6d6;
  max-width: 680px;
  margin: 0 auto 26px;
}
.page-hero .hero-copy .cream {
  display: inline-block;
  padding: 16px 28px;
  border: 0;
  background: #f4e6cd;
  color: #4a2818;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.25s ease;
}
.page-hero .hero-copy .cream:hover {
  background: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}
.page-hero .image-label {
  position: absolute;
  bottom: 14px;
  right: 18px;
  background: rgba(36, 26, 20, 0.68);
  color: #fffaf2;
  padding: 6px 12px;
  font-size: 9px;
  letter-spacing: 1px;
  z-index: 2;
  border-radius: 2px;
}
@media(max-width: 580px) {
  .page-hero {
    margin: 0 10px 30px;
    height: 520px;
    min-height: 480px;
  }
  .page-hero .hero-copy {
    width: 90%;
  }
  .page-hero .hero-copy h1 {
    font-size: clamp(38px, 10vw, 52px);
  }
  .page-hero .hero-copy > p:not(.eyebrow) {
    font-size: 12px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
  .page-hero .image-label {
    left: 14px;
    right: auto;
    font-size: 8px;
  }
}



/* Cinematic Video Hero Background */
.hero-video-wrap {
  position: relative;
  overflow: hidden;
}
.hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  pointer-events: none;
}
.hero-video-wrap .shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(0deg, rgba(36, 26, 20, 0.78), rgba(36, 26, 20, 0.42) 50%, rgba(36, 26, 20, 0.65));
  pointer-events: none;
}
.hero-video-wrap .hero-copy {
  z-index: 2;
}
.hero-video-wrap .hero-foot {
  z-index: 2;
}
.hero-video-controls {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.hero-video-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(36, 26, 20, 0.65);
  padding: 6px 14px;
  border-radius: 3px;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 10px;
  letter-spacing: 1.5px;
  color: #f7e7ce;
  text-transform: uppercase;
}
.hero-video-sound {
  background: rgba(36, 26, 20, 0.65);
  color: #f7e7ce;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 6px 12px;
  font-size: 10px;
  letter-spacing: 1px;
  border-radius: 3px;
  cursor: pointer;
  backdrop-filter: blur(4px);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}
.hero-video-sound:hover {
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}
.hero-video-sound.unmuted {
  background: #c58a43;
  color: #fffaf2;
  border-color: #c58a43;
}
@media(max-width: 580px) {
  .hero-video-badge {
    font-size: 8px;
    padding: 4px 10px;
    letter-spacing: 1px;
  }
  .hero-video-sound {
    font-size: 9px;
    padding: 5px 10px;
  }
}

/* Cinematic Hero Background Slider with Ken Burns Effect */
.hero-slider {
  position: relative;
  overflow: hidden;
}
.hero-slides {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.hero-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 1.4s;
  overflow: hidden;
}
.hero-slide.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.hero-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
  transition: transform 6.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.hero-slide.active img {
  transform: scale(1.08);
}
@media(prefers-reduced-motion: reduce) {
  .hero-slide img, .hero-slide.active img {
    transform: none !important;
    transition: opacity 0.5s ease !important;
  }
}

/* Shade overlay remains above the slides, below the copy */
.hero-slider .shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(0deg, rgba(36, 26, 20, 0.78), rgba(36, 26, 20, 0.45) 50%, rgba(36, 26, 20, 0.65));
  pointer-events: none;
}
.hero-slider .hero-copy {
  z-index: 3;
}
.hero-slider .hero-foot {
  z-index: 3;
}

/* Hero Slider Navigation & Badge */
.hero-slider-nav {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.hero-slide-btn {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fffaf2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  backdrop-filter: blur(4px);
  transition: all 0.2s ease;
}
.hero-slide-btn:hover {
  background: rgba(255, 255, 255, 0.35);
  transform: scale(1.08);
}
.hero-slider-dots {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.hero-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
}
.hero-dot.active {
  width: 22px;
  border-radius: 6px;
  background: #f4e6cd;
}
.hero-slide-badge {
  font-size: 10px;
  letter-spacing: 1.5px;
  color: #f7e7ce;
  margin-left: 6px;
  text-transform: uppercase;
  font-weight: 500;
}
.hero-slider-badge-wrap {
  position: absolute;
  bottom: 18px;
  right: 24px;
  z-index: 3;
  background: rgba(36, 26, 20, 0.65);
  padding: 6px 14px;
  border-radius: 3px;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media(max-width: 580px) {
  .hero-slide-btn {
    display: none;
  }
  .hero-slide-badge {
    font-size: 8px;
  }
  .hero-slider-badge-wrap {
    right: auto;
    left: 16px;
    bottom: 12px;
  }
}
