:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#f2eadc;--paper:#fffaf1;--paper2:#f8f0e3;--ink:#151a10;--muted:#6b6d5c;--olive:#4d5b34;--olive2:#2f3b22;--dark:#11190c;--gold:#b89a5d;--gold2:#d8c18a;--line:#151a1024;--white:#fff;--shadow:0 28px 90px #13190d1a}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:radial-gradient(circle at 8% 8%, #b89a5d29, transparent 34%), radial-gradient(circle at 92% 30%, #4d5b341c, transparent 32%), var(--bg);width:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}main{width:100%;overflow-x:hidden}.nav{z-index:100;color:#fff;background:linear-gradient(#000000ad,#0000002e,#0000);justify-content:space-between;align-items:center;height:94px;padding:0 44px;display:flex;position:fixed;top:0;left:0;right:0}.brandLogo{color:#fff;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;width:auto;height:auto;display:inline-flex}.brandLogo img{display:none}.brandLogo:before{content:"AZURE OLIVE";letter-spacing:-.045em;color:#fff;text-shadow:0 12px 35px #00000059;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:400;line-height:.9}.brandLogo:after{content:"COLLECTION";letter-spacing:.38em;color:#ffffffc7;margin-left:2px;font-size:9px;font-weight:900}.navLinks{text-transform:uppercase;letter-spacing:.13em;white-space:nowrap;align-items:center;gap:30px;font-size:11px;font-weight:700;display:flex}.navLinks a{opacity:.88;transition:all .22s}.navLinks a:hover{opacity:1}.navButton{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff9e;border-radius:999px;align-items:center;min-height:42px;padding:0 20px;display:inline-flex}.hero{color:#fff;background-position:50%;background-size:cover;align-items:flex-end;min-height:100vh;padding:152px 44px 48px;display:flex;position:relative}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 22% 72%,#b99a5d3d,#0000 31%),linear-gradient(#0000 58%,#00000059);position:absolute;inset:0}.heroShade{opacity:.12;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:104px 104px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.heroContent{z-index:2;width:100%;max-width:1140px;margin:0 auto;padding-bottom:122px;position:relative}.eyebrow,.kicker{letter-spacing:.25em;text-transform:uppercase;margin:0 0 22px;font-size:12px;font-weight:800}.eyebrow{color:#ffffffc7}.kicker{color:var(--olive)}.gold{color:var(--gold2)}h1,h2,h3{letter-spacing:-.057em;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{text-shadow:0 28px 90px #00000075;max-width:1080px;margin:0;font-size:clamp(58px,8.45vw,132px);line-height:.88}h2{color:var(--ink);margin:0;font-size:clamp(42px,5.25vw,76px);line-height:.97}h3{margin:0}.heroText{color:#ffffffd6;text-shadow:0 14px 50px #0006;max-width:660px;margin:32px 0 0;font-size:19px;line-height:1.82}.heroActions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.button{text-transform:uppercase;letter-spacing:.13em;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 25px;font-size:12px;font-weight:800;transition:all .24s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primaryLight{color:var(--dark);background:#fff;box-shadow:0 18px 50px #0000002e}.secondaryLight{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffffa3}.availabilityBar{z-index:4;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffaf12e;border:1px solid #ffffff47;border-radius:30px;grid-template-columns:1fr 1fr 1.2fr auto;align-items:center;width:min(1140px,100% - 88px);min-height:96px;display:grid;position:absolute;bottom:34px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 28px 90px #0000003d}.availabilityBar div{border-right:1px solid #fff3;height:100%;padding:24px 26px}.availabilityBar span{color:#ffffffa8;text-transform:uppercase;letter-spacing:.19em;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.availabilityBar strong{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400}.availabilityBar a{height:100%;color:var(--dark);text-transform:uppercase;letter-spacing:.13em;background:#fff;place-items:center;padding:0 32px;font-size:12px;font-weight:800;display:grid}.section{padding:122px 44px}.container{width:min(1140px,100%);margin:0 auto}.editorialGrid{grid-template-columns:.95fr 1.05fr;align-items:start;gap:82px;display:grid}.stickyIntro{position:sticky;top:120px}.editorialText>p,.sectionIntro p,.contactCard p,.roomsCopy p{color:var(--muted);margin:0;font-size:18px;line-height:1.88}.highlightList{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.highlightList span{color:var(--olive2);background:#fffaf1a3;border:1px solid #4d5b342e;border-radius:999px;padding:11px 14px;font-size:13px;font-weight:700}.statLine{border:1px solid var(--line);background:#fffaf18a;border-radius:28px;grid-template-columns:repeat(4,1fr);margin-top:42px;display:grid;overflow:hidden}.statLine div{border-right:1px solid var(--line);text-align:center;padding:25px 16px}.statLine div:last-child{border-right:0}.statLine strong{letter-spacing:-.05em;color:var(--ink);margin-bottom:9px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400;display:block}.statLine span{color:var(--muted);font-size:13px;line-height:1.5}.cinematic{background-position:50%;background-size:cover;align-items:flex-end;min-height:610px;padding:44px;display:flex}.cinematicInner{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff4d;border-radius:40px;width:min(1140px,100%);margin:0 auto;padding:38px}.cinematicInner span{color:#ffffffc2;text-transform:uppercase;letter-spacing:.23em;margin-bottom:16px;font-size:12px;font-weight:800;display:block}.cinematicInner h2{color:#fff;text-shadow:0 22px 78px #0000007a;max-width:860px}.sectionIntro{max-width:840px;margin-bottom:54px}.sectionIntro p{max-width:700px;margin-top:24px}.sectionIntro.narrow{max-width:780px}.villaGrid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.villaCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffaf1e0;border-radius:36px;transition:all .28s;overflow:hidden}.villaCard:hover{transform:translateY(-6px);box-shadow:0 34px 100px #13190d26}.villaImage{background-position:50%;background-size:cover;min-height:340px;position:relative}.villaImage span{color:#ffffffe6;text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:800;position:absolute;bottom:25px;left:27px}.villaBody{padding:31px}.villaBody small{color:var(--gold);letter-spacing:.19em;font-size:12px;font-weight:800}.villaBody h3{color:var(--ink);margin-top:14px;font-size:35px;line-height:.98}.villaBody p{color:var(--muted);margin:18px 0 22px;line-height:1.78}.villaMeta{border-top:1px solid var(--line);color:var(--olive2);letter-spacing:.04em;margin-bottom:24px;padding-top:18px;font-size:13px;font-weight:800}.villaBody a{color:var(--olive);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}.darkSection{background:radial-gradient(circle at 82% 12%, #b99b5d29, transparent 34%), radial-gradient(circle at 10% 80%, #ffffff0d, transparent 34%), var(--dark);color:#fff}.darkSection h2{color:#fff}.experienceGrid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:82px;display:grid}.darkLead{color:#ffffffb3;max-width:610px;margin:30px 0 0;font-size:18px;line-height:1.88}.experienceList{border-top:1px solid #ffffff29;display:grid}.experienceItem{border-bottom:1px solid #ffffff29;grid-template-columns:64px 1fr;gap:24px;padding:31px 0;display:grid}.experienceItem>span{color:var(--gold2);letter-spacing:.19em;padding-top:9px;font-size:12px;font-weight:800}.experienceItem h3{color:#fff;font-size:33px;line-height:1}.experienceItem p{color:#ffffffad;max-width:550px;margin:13px 0 0;line-height:1.78}.gallerySection{background:linear-gradient(#fffaf100,#fffaf17a)}.galleryGrid{grid-template-rows:270px 270px;grid-template-columns:1.18fr .82fr;gap:22px;display:grid}.galleryLarge,.gallerySmall,.galleryWide{border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:36px;position:relative;overflow:hidden;box-shadow:0 22px 70px #13190d14}.galleryLarge{grid-row:span 2}.galleryWide{grid-column:span 2;min-height:310px}.galleryGrid span,.roomFeature span{color:#fff;letter-spacing:-.045em;text-shadow:0 14px 42px #0000007a;font-family:Georgia,Times New Roman,serif;font-size:32px;position:absolute;bottom:29px;left:31px}.roomsSection{background:var(--paper2);border-top:1px solid var(--line)}.roomsGrid{grid-template-columns:1fr .9fr;align-items:stretch;gap:24px;display:grid}.roomFeature{border:1px solid var(--line);min-height:530px;box-shadow:var(--shadow);background-position:50%;background-size:cover;border-radius:36px;position:relative;overflow:hidden}.roomsCopy{border:1px solid var(--line);background:radial-gradient(circle at 90% 10%,#b89a5d24,#0000 35%),#fff;border-radius:36px;flex-direction:column;justify-content:center;padding:50px;display:flex;box-shadow:0 20px 70px #13190d0f}.roomsCopy h2{margin-bottom:24px}.roomFeature.small{min-height:310px}.contactSection{background:radial-gradient(circle at 12% 12%, #b89a5d24, transparent 36%), var(--paper2);border-top:1px solid var(--line)}.contactCard{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#fffaf1e0),#fff;border-radius:44px;grid-template-columns:1fr auto;align-items:center;gap:46px;padding:56px;display:grid}.contactCard h2{margin-bottom:24px}.contactCard p{max-width:670px}.contactActions{gap:13px;min-width:240px;display:grid}.darkButton{background:var(--dark);color:#fff}.outlineButton{color:var(--dark);background:#fff6;border:1px solid #11190c5c}.contactDetails{flex-wrap:wrap;gap:12px 18px;margin-top:30px;display:flex}.contactDetails a{color:var(--olive);letter-spacing:.02em;border-bottom:1px solid #4f5d3547;padding-bottom:3px;font-size:14px;font-weight:700}.contactDetails a:hover{border-bottom-color:var(--olive)}.footer{border-top:1px solid var(--line);color:var(--muted);background:var(--paper2);justify-content:space-between;gap:20px;padding:34px 44px;font-size:13px;display:flex}@media (width<=1020px){.nav{padding:0 22px}.brandLogo{width:auto}.navLinks{gap:14px}.navLinks a:not(.navButton){display:none}.hero,.section{padding-left:22px;padding-right:22px}.availabilityBar{grid-template-columns:1fr;width:calc(100% - 44px)}.availabilityBar div{display:none}.availabilityBar a{min-height:60px}.heroContent{padding-bottom:110px}.editorialGrid,.experienceGrid,.contactCard,.roomsGrid{grid-template-columns:1fr}.stickyIntro{position:static}.villaGrid{grid-template-columns:1fr}.galleryGrid{grid-template-rows:auto;grid-template-columns:1fr}.galleryLarge,.galleryWide{grid-area:auto;min-height:330px}.gallerySmall{min-height:300px}.statLine{grid-template-columns:repeat(2,1fr)}.statLine div:nth-child(2){border-right:0}.statLine div:first-child,.statLine div:nth-child(2){border-bottom:1px solid var(--line)}.contactActions{width:100%;min-width:0}}@media (width<=640px){.nav{height:74px}.brandLogo{width:auto}.navButton{min-height:38px;padding:0 14px}.hero{min-height:96vh;padding-top:118px}h1{font-size:clamp(52px,15vw,78px)}h2{font-size:clamp(38px,11vw,56px)}.heroText{font-size:16px;line-height:1.72}.heroActions,.contactActions,.button{width:100%}.section{padding-top:88px;padding-bottom:88px}.cinematic{min-height:450px;padding:22px}.cinematicInner{border-radius:30px;padding:25px}.statLine{grid-template-columns:1fr}.statLine div{border-right:0;border-bottom:1px solid var(--line)}.statLine div:last-child{border-bottom:0}.villaImage{min-height:280px}.villaBody{padding:27px}.experienceItem{grid-template-columns:1fr;gap:8px}.roomFeature{min-height:370px}.roomsCopy,.contactCard{padding:31px}.contactDetails{flex-direction:column;gap:10px}.footer{flex-direction:column;padding:28px 22px}}.reservationSection{color:#fff;background:radial-gradient(circle at 8% 18%,#d8c18a2e,#0000 34%),radial-gradient(circle at 88% 78%,#4d5b3429,#0000 34%),linear-gradient(135deg,#11190c,#182311 52%,#0f160a);position:relative;overflow:hidden}.reservationSection:before{content:"";opacity:.2;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:96px 96px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.reservationShell{z-index:2;grid-template-columns:.88fr 1.12fr;align-items:start;gap:58px;display:grid;position:relative}.reservationIntro{position:sticky;top:126px}.reservationIntro h2{color:#fff;max-width:620px}.reservationIntro>p{color:#ffffffb8;max-width:610px;margin:28px 0 0;font-size:18px;line-height:1.86}.reservationPromise{gap:14px;margin-top:38px;display:grid}.reservationPromise div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0e;border:1px solid #ffffff21;border-radius:24px;padding:20px 22px}.reservationPromise strong{color:#fff;letter-spacing:-.035em;margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:400;display:block}.reservationPromise span{color:#ffffffa3;font-size:14px;line-height:1.65;display:block}.reservationForm{color:var(--ink);background:linear-gradient(145deg,#fffaf1fa,#f8f0e3f0),#fff;border:1px solid #ffffff2e;border-radius:38px;padding:34px;box-shadow:0 38px 120px #00000057}.formTopline{border-bottom:1px solid #151a101f;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;padding-bottom:23px;display:flex}.formTopline span{color:var(--olive);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:900}.formTopline strong{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:400}.formGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.reservationForm label{color:var(--olive2);text-transform:uppercase;letter-spacing:.13em;gap:8px;margin-bottom:16px;font-size:11px;font-weight:900;display:grid}.reservationForm input,.reservationForm select,.reservationForm textarea{width:100%;min-height:54px;color:var(--ink);font:inherit;background:#ffffffc2;border:1px solid #151a1026;border-radius:18px;outline:none;padding:0 16px;transition:all .22s}.reservationForm input:focus,.reservationForm select:focus,.reservationForm textarea:focus{background:#fff;border-color:#b89a5dbf;box-shadow:0 0 0 4px #b89a5d1f}.reservationForm textarea{resize:vertical;min-height:118px;padding:15px 16px;line-height:1.6}.reservationSubmit{color:#fff;text-transform:uppercase;letter-spacing:.13em;background:linear-gradient(135deg,#151a10,#354224);border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:58px;margin-top:6px;font-size:12px;font-weight:900;transition:all .24s;display:inline-flex;box-shadow:0 20px 55px #151a1038}.reservationSubmit:hover{transform:translateY(-2px);box-shadow:0 26px 70px #151a1047}.reservationNote{color:#151a108f;text-align:center;margin:16px 0 0;font-size:12px;line-height:1.65}@media (width<=1020px){.reservationShell{grid-template-columns:1fr}.reservationIntro{position:static}}@media (width<=640px){.reservationForm{border-radius:30px;padding:25px}.formTopline{flex-direction:column;align-items:flex-start}.formGrid{grid-template-columns:1fr;gap:0}.reservationPromise strong{font-size:21px}.brandLogo:before{font-size:20px}.brandLogo:after{letter-spacing:.3em;font-size:7px}}
