.booking-dialog{--booking-ink:#23362f;--booking-paper:#f5f3eb;--booking-line:rgba(35,54,47,.2);width:min(880px,calc(100% - 40px));max-height:calc(100svh - 56px);padding:0;border:0;background:var(--booking-paper);color:var(--booking-ink);font-family:var(--sans,"Marea Sans",sans-serif);overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #0c1f2466}.booking-dialog[open]{animation:booking-enter .35s cubic-bezier(.22,1,.36,1)}.booking-dialog::backdrop{background:#0b1c1da1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.booking-dialog *{box-sizing:border-box}.booking-dialog button,.booking-dialog input,.booking-dialog select,.booking-dialog textarea{font:inherit}.booking-dialog button{cursor:pointer}.booking-dialog button:focus-visible,.booking-dialog input:focus-visible,.booking-dialog select:focus-visible,.booking-dialog textarea:focus-visible{outline:2px solid #997a32;outline-offset:4px}.booking-close{position:absolute;right:18px;top:18px;z-index:2;border:1px solid var(--booking-line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;background:transparent;color:var(--booking-ink);transition:background .2s,transform .3s}.booking-close:hover{background:#e7c881;transform:rotate(90deg)}.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:620px}.booking-main{padding:45px 44px 30px}.booking-eyebrow{font-size:9px;line-height:1.5;font-weight:500;letter-spacing:1.7px}.booking-step{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;font-size:10px;letter-spacing:1px}.booking-step-muted{opacity:.4;margin-left:4px}.booking-heading{font-family:var(--serif,"Marea Serif",Georgia,serif);font-size:clamp(42px,4.7vw,57px);line-height:.99;font-weight:400;letter-spacing:-2px;margin:0 0 17px;outline:none}.booking-heading em{font-weight:400}.booking-intro{max-width:310px;font-size:12px;line-height:1.7;margin:0 0 29px;color:#687269}.booking-form{display:flex;flex-direction:column;gap:20px}.booking-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.booking-field{display:flex;flex-direction:column;gap:10px;min-width:0}.booking-field>span,.booking-guests legend{font-size:10px;font-weight:500;letter-spacing:.6px}.booking-field input,.booking-field select,.booking-field textarea{color:var(--booking-ink);border:0;border-bottom:1px solid var(--booking-line);border-radius:0;background:transparent;padding:0 0 11px;width:100%;font-size:12px;min-height:30px;outline-offset:4px}.booking-field input[type=date]{min-width:0;height:34px;color-scheme:light}.booking-field input::placeholder,.booking-field textarea::placeholder{color:#7d837b;opacity:1}.booking-field select{padding-right:16px;cursor:pointer}.booking-field textarea{resize:vertical;min-height:57px;max-height:140px;line-height:1.7}.booking-guests{margin:0;padding:0;border:0;min-width:0}.booking-guests legend{margin-bottom:11px;padding:0}.booking-guest-options{display:flex;gap:7px}.booking-guest-option{flex:1;border:1px solid var(--booking-line);text-align:center;padding:11px 3px;position:relative;cursor:pointer;font-size:11px;transition:background .2s,border-color .2s}.booking-guest-option.is-selected{background:var(--booking-ink);border-color:var(--booking-ink);color:var(--booking-paper)}.booking-guest-option:not(.is-selected):hover{background:#e9e7db}.booking-guest-option:has(input:focus-visible){outline:2px solid #997a32;outline-offset:3px}.booking-guest-option input{position:absolute;width:1px;height:1px;opacity:0}.booking-primary{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--booking-ink);background:var(--booking-ink);color:var(--booking-paper);font-size:11px!important;padding:16px 19px;min-height:51px;letter-spacing:.2px;transition:background .2s,color .2s}.booking-primary:hover{background:#e7c881;color:var(--booking-ink)}.booking-primary svg{flex-shrink:0;transition:transform .2s}.booking-primary:hover svg{transform:translate(4px)}.booking-small-note{font-size:9px;line-height:1.6;text-align:center;margin:-10px 0 0;color:#7a8177}.booking-optional{font-weight:400;color:#7a8177;letter-spacing:0}.booking-error{margin:-4px 0;font-size:11px;line-height:1.5;color:#914427}.booking-text-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:fit-content;min-height:35px;border:0;background:transparent;padding:3px 0;color:var(--booking-ink);font-size:11px!important}.booking-text-button:hover{text-decoration:underline;text-underline-offset:5px}.booking-back{margin-top:-10px}.booking-text-button svg{width:19px}.booking-summary{background:#e7e9dd;padding:55px 29px 27px;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.booking-summary .booking-eyebrow{font-size:8px;letter-spacing:1.3px}.booking-island{display:block;width:136px;height:104px;margin:28px auto 14px;color:#52624f}.booking-summary-brand{font-family:var(--serif,"Marea Serif",Georgia,serif);font-size:45px;line-height:1;margin:0 0 42px;letter-spacing:-3px}.booking-summary-brand span{display:block;font-family:var(--sans,"Marea Sans",sans-serif);font-size:7px;letter-spacing:3px;margin-top:9px}.booking-summary-details{text-align:left}.booking-summary-details h3{font-family:var(--serif,"Marea Serif",Georgia,serif);font-size:29px;line-height:1.1;font-weight:400;letter-spacing:-.8px;margin:11px 0 8px}.booking-summary-details>p{font-size:10px;line-height:1.6;color:#6b7468;margin:0 0 25px}.booking-summary-line{display:flex;justify-content:space-between;font-size:10px;padding-bottom:15px;border-bottom:1px solid var(--booking-line)}.booking-summary-total{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:18px 0 13px}.booking-summary-total>span{font-size:9px}.booking-summary-total strong{font-size:22px;font-weight:400;letter-spacing:-1px;white-space:nowrap}.booking-summary-total small{font-size:8px;letter-spacing:0}.booking-summary-details>.booking-estimate-note{font-size:9px;line-height:1.7;margin:0 0 25px}.booking-summary-bottom{font-size:7px;letter-spacing:1.8px;opacity:.65;padding-top:16px}.booking-complete{max-width:540px;margin:auto;padding:47px 50px 38px;text-align:center}.booking-complete .booking-island{margin:21px auto 23px}.booking-complete .booking-heading{font-size:62px}.booking-complete>p:not(.booking-concept-disclaimer):not(.booking-download-status){font-size:12px;line-height:1.8;max-width:320px;margin:20px auto 22px;color:#677366}.booking-complete-dates{display:flex;align-items:center;justify-content:center;gap:19px;margin:0 0 29px;font-size:11px}.booking-complete-dates svg{width:18px}.booking-complete .booking-primary{width:100%}.booking-download-status{font-size:10px;line-height:1.5;min-height:15px;margin:10px 0 0;color:#52624f}.booking-concept-disclaimer{font-size:10px;line-height:1.8;color:#777f72;margin:18px 0 15px}.booking-complete .booking-text-button{margin:auto}@keyframes booking-enter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:700px){.booking-dialog{width:min(490px,calc(100% - 24px));max-height:calc(100svh - 24px)}.booking-layout{grid-template-columns:1fr;min-height:0}.booking-main{padding:45px 28px 26px}.booking-step{padding-right:32px;margin-bottom:25px}.booking-heading{font-size:48px}.booking-intro{margin-bottom:24px}.booking-form{gap:20px}.booking-summary{padding:24px 28px}.booking-summary>div:first-child,.booking-summary-bottom{display:none}.booking-summary-details{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.booking-summary-details>.booking-eyebrow{grid-column:1/-1}.booking-summary-details h3{font-size:25px;grid-column:1/-1;margin-top:8px}.booking-summary-details>p{grid-column:1/-1;margin:0 0 16px}.booking-summary-line{border:0;padding:0;align-items:center;gap:8px}.booking-summary-total{margin:0;justify-content:flex-end;align-items:center}.booking-summary-total>span{display:none}.booking-summary-details>.booking-estimate-note{grid-column:1/-1;margin:12px 0 0;font-size:8px}.booking-complete{padding:42px 27px 30px}.booking-complete .booking-heading{font-size:54px}.booking-complete .booking-island{height:89px;margin-top:15px}.booking-complete-dates{gap:13px;font-size:10px}.booking-close{right:15px;top:15px}}@media(prefers-reduced-motion:reduce){.booking-dialog[open]{animation:none}.booking-dialog *{transition:none!important}}.booking-capacity-note{font-size:9px;line-height:1.6;color:#687269;margin:-11px 0 -3px}@font-face{font-family:"Marea Serif";src:url(/cases/011-island-resort/fonts/marea-serif.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Marea Serif";src:url(/cases/011-island-resort/fonts/marea-serif-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Marea Sans;src:url(/cases/011-island-resort/fonts/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}:root{--paper:#f4f2e9;--ink:#283c33;--sand:#e9cf98;--muted:#71776c;--line:#283c332b;--serif:"Marea Serif",Georgia,serif;--sans:"Marea Sans",Arial,sans-serif;--gutter:6.25vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0;padding:0}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #68866e;outline-offset:2px}img{display:block;width:100%;height:100%;object-fit:cover}svg{display:block;width:24px;height:24px;flex-shrink:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04}em{font-weight:400}::selection{background:var(--sand);color:var(--ink)}.section-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.65px;line-height:1.5;text-transform:uppercase;display:block}.skip-link{position:fixed;z-index:100;top:12px;left:12px;background:var(--paper);padding:14px 22px;transform:translateY(-180%)}.skip-link:focus{transform:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:49px;padding:0 24px;border:1px solid var(--ink);font-size:11px;font-weight:500;border-radius:2px;transition:background .25s,color .25s,transform .25s}.button svg{width:18px;height:18px;transition:transform .3s}.button:hover svg{transform:translate(2px,-2px)}.button:hover{background:var(--ink);color:var(--paper)}.button-sand{background:var(--sand);color:var(--ink);border-color:var(--sand);min-height:54px;min-width:222px}.button-sand:hover{background:#f5e4bd;color:var(--ink);border-color:#f5e4bd}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid currentColor;padding-bottom:9px;font-size:11px;transition:gap .3s}.text-link svg{width:18px;height:18px;transition:transform .3s}.text-link:hover svg{transform:translate(3px,-3px)}.round-button{width:44px;height:44px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;transition:background .25s,color .25s}.round-button:hover{background:var(--paper);color:var(--ink)}.round-button svg{width:19px;height:19px}.site-header{height:100px;padding:0 3.3vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:var(--paper);transition:box-shadow .3s}.site-header.scrolled{box-shadow:0 2px 20px #21382d0d}.wordmark{display:inline-flex;align-items:center;gap:7px;font-family:var(--serif);font-size:62px;line-height:.8;letter-spacing:-3.5px;padding-bottom:7px}.wordmark svg{width:25px;height:25px;align-self:flex-start;margin-top:3px;transition:transform 1s}.wordmark:hover svg{transform:rotate(90deg)}.navigation{display:flex;gap:32px;margin-left:4vw;align-items:center}.navigation>a{font-size:11px;padding:12px 0;position:relative}.navigation>a:after{content:"";height:1px;background:var(--ink);position:absolute;bottom:7px;left:0;right:0;transform:scaleX(0);transform-origin:right;transition:transform .3s}.navigation>a:hover:after{transform:scaleX(1);transform-origin:left}.header-actions{display:flex;gap:20px;align-items:center}.header-book{min-height:43px;padding:0 18px;gap:29px;font-size:10px}.menu-toggle,.mobile-menu-note{display:none}.hero{position:relative;min-height:680px;height:calc(100svh - 100px);max-height:1000px;overflow:hidden;color:var(--paper);background:#326c69;isolation:isolate}.hero-image,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-image img{object-position:center 52%;animation:hero-arrive 2.5s cubic-bezier(.16,1,.3,1) both}.hero-shade{background:linear-gradient(180deg,rgba(5,25,30,.6),transparent 24%),linear-gradient(90deg,#0727265e,#07272614 70%),linear-gradient(0deg,rgba(5,35,33,.29),transparent 34%)}.hero-topline{display:flex;justify-content:space-between;position:absolute;top:32px;left:3.3vw;right:3.3vw;align-items:center}.hero-topline .eyebrow:first-child{display:flex;align-items:center;gap:10px}.small-sun{font-size:20px;line-height:1}.hero-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-48%)}.hero h1{font-size:clamp(92px,9.5vw,158px);line-height:.91;letter-spacing:-4.7px;animation:copy-arrive 1.3s .15s both}.hero h1>span{display:block}.hero h1>span:last-child{padding-left:7.3vw}.hero h1 em{font-weight:400}.hero-copy>p{font-size:13px;line-height:1.75;margin:28px 0 24px 7.6vw;animation:copy-arrive 1.3s .25s both}.hero-copy>.button{margin-left:7.6vw;animation:copy-arrive 1.3s .35s both}.hero-seal{position:absolute;width:132px;height:132px;right:7vw;top:48%;display:grid;place-items:center;transform:rotate(10deg)}.hero-seal>svg:first-child{width:100%;height:100%;position:absolute;inset:0;animation:rotate 65s linear infinite}.hero-seal text{fill:var(--paper);font-family:var(--sans);font-size:8.7px;letter-spacing:1.6px}.hero-seal>svg:last-child{width:53px;height:53px}.hero-bottom{position:absolute;bottom:30px;left:3.3vw;right:3.3vw;display:flex;justify-content:space-between;align-items:center}.scroll-cue{display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:1.4px;font-weight:500}.scroll-circle{width:33px;height:43px;border:1px solid #f4f2e97a;border-radius:30px;display:grid;place-items:center}.scroll-circle svg{width:17px;height:17px;animation:nudge-down 2.8s ease infinite}.sound-toggle{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.5px;color:var(--paper);padding:14px 0 14px 14px}.sound-bars{display:flex;gap:3px;align-items:center;height:16px}.sound-bars i{display:block;width:1px;background:currentColor;height:6px}.sound-bars i:nth-child(2){height:15px}.sound-bars i:nth-child(3){height:10px}.sound-toggle.is-playing i{animation:sound-wave 1.1s ease-in-out infinite alternate}.sound-toggle.is-playing i:nth-child(2){animation-delay:-.7s}.sound-toggle.is-playing i:nth-child(3){animation-delay:-.3s}.island-ribbon{min-height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-evenly;padding:20px 4vw;gap:24px}.island-ribbon>span{font-size:8px;letter-spacing:1.65px;white-space:nowrap}.island-ribbon>svg{width:20px;height:20px}.introduction{padding-top:111px;padding-bottom:122px;position:relative}.intro-heading{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:start;margin-bottom:64px}.section-marker{padding-top:13px}.tiny-coordinate{font-size:10px;display:block;margin-top:14px;color:var(--muted)}.intro-heading h2{font-size:clamp(42px,4.5vw,73px);line-height:1.05;letter-spacing:-1.7px}.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:11.2vw;align-items:start}.intro-main-photo{margin-top:0}.photo-wrap{height:600px;overflow:hidden;background:#bbc4ad}.photo-wrap>img{transition:transform 1.1s;object-position:40% center}.photo-wrap:hover>img{transform:scale(1.035)}.intro-main-photo figcaption{display:flex;justify-content:space-between;margin-top:17px;font-size:7px;letter-spacing:1.15px;gap:15px}.intro-story{padding-top:17px;position:relative;max-width:425px}.story-sun{width:39px;height:39px;margin-bottom:29px;color:#92723d}.intro-story .lead{font-family:var(--serif);font-size:29px;line-height:1.25;letter-spacing:-.1px;margin-bottom:25px}.intro-story>p:not(.lead){font-size:12px;line-height:1.95;max-width:345px;margin-bottom:16px;color:#5b6359}.intro-story>.text-link{margin-top:12px;min-width:177px}.intro-detail-photo{height:260px;width:83%;margin-top:49px;margin-left:auto;position:relative}.intro-detail-photo img{object-position:center 72%}.intro-detail-photo figcaption{position:absolute;left:-35px;bottom:13px;font-family:var(--serif);font-size:24px;font-style:italic;background:var(--paper);padding:7px 14px 9px;transform:rotate(-7deg);white-space:nowrap}.intro-side-note{position:absolute;right:22px;top:54%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#7c816f}.stay-section{padding-top:89px;padding-bottom:43px;background:#eaeade}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:49px;gap:30px}.section-head h2{font-size:clamp(46px,5.25vw,79px);letter-spacing:-1.8px;margin-top:23px}.section-head>p{font-size:11px;line-height:1.9;margin-bottom:8px;color:#5b6359}.villa-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #283c3357;margin-bottom:27px}.villa-tabs>button{display:flex;align-items:center;gap:19px;padding:19px 21px 19px 0;font-size:12px;position:relative;text-align:left}.villa-tabs>button:nth-child(2){padding-left:22px}.villa-tabs>button:nth-child(3){padding-left:30px}.villa-tabs>button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .4s}.villa-tabs>button.active:after{transform:scaleX(1)}.tab-number{font-size:8px;color:#6b735e;letter-spacing:1px}.villa-tabs svg{width:17px;height:17px;margin-left:auto;opacity:.3;transition:opacity .3s,transform .3s}.villa-tabs button.active svg{opacity:1;transform:rotate(45deg)}.villa-display{display:grid;grid-template-columns:1.55fr 1fr;min-height:476px;gap:5.5vw}.villa-photo{position:relative;height:490px;overflow:hidden;background:#a2b3ab}.villa-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#172e2f5c);pointer-events:none}.villa-photo>img{object-position:center}.photo-label{position:absolute;top:25px;left:25px;background:var(--paper);color:var(--ink);padding:8px 12px;font-size:7px;letter-spacing:1px}.photo-pagination{position:absolute;bottom:25px;left:28px;display:flex;gap:13px;color:#fff;font-size:9px;z-index:1}.photo-pagination>span:last-child{opacity:.6}.villa-arrows{position:absolute;bottom:20px;right:23px;display:flex;gap:9px;z-index:1;color:#fff}.villa-arrows .round-button{width:38px;height:38px;border-color:#ffffff91}.arrow-back{transform:rotate(180deg)}.villa-copy{display:flex;flex-direction:column;justify-content:center;padding:15px 0;animation:copy-arrive .5s both}.villa-copy>.eyebrow{font-size:8px;letter-spacing:1.4px}.villa-copy h3{font-size:43px;line-height:1.04;letter-spacing:-1px;margin-top:21px;margin-bottom:22px}.villa-copy>p{font-size:11px;line-height:1.95;color:#5b6359;max-width:344px;min-height:85px}.villa-details{display:flex;gap:38px;margin-top:31px;padding-top:25px;border-top:1px solid var(--line)}.villa-details>span{font-family:var(--serif);font-size:24px;line-height:1.2}.villa-details small{font-family:var(--sans);display:block;font-size:6px;letter-spacing:1px;margin-top:10px;color:#626858}.villa-feature{display:flex;align-items:center;gap:9px;font-size:10px;margin-top:23px;margin-bottom:26px}.villa-feature svg{width:16px;height:16px}.villa-booking{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.villa-booking>div{font-size:9px;white-space:nowrap}.villa-booking strong{font-size:18px;font-weight:400;margin-left:3px}.villa-booking>div>span{color:#71776b;font-size:8px}.villa-booking .text-link{font-size:10px;gap:21px;padding-bottom:6px}.stay-footnote{display:flex;justify-content:space-between;align-items:center;margin-top:29px;gap:25px}.stay-footnote>span:first-child{font-size:7px;letter-spacing:1.2px}.stay-footnote>span:last-child{font-size:9px;color:#686d61}.moments-section{height:795px;min-height:680px;position:relative;overflow:hidden;color:var(--paper);background:#284f4d;isolation:isolate}.moments-image,.moments-overlay{position:absolute;inset:0;z-index:-1}.moments-image>img{object-position:center 55%}.moments-overlay{background:linear-gradient(90deg,#092d36a6,transparent 95%),linear-gradient(0deg,#092b30c2,transparent 55%)}.moments-heading{position:absolute;top:37px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between}.moment-copy{position:absolute;left:var(--gutter);top:120px;animation:copy-arrive .6s both}.moment-time{display:flex;align-items:center;gap:17px;font-family:var(--serif);font-size:45px;line-height:1;margin-bottom:45px}.moment-time>span{font-family:var(--sans);font-size:7px;letter-spacing:1.4px;border-left:1px solid #f4f2e94d;padding-left:17px;line-height:2}.moment-copy>.eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:16px}.moment-copy h2{font-size:clamp(44px,4.9vw,75px);line-height:1.02;letter-spacing:-1.5px}.moment-copy>p{max-width:360px;margin-top:23px;font-size:11px;line-height:1.9;color:#f4f2e9d6}.moments-bottom{position:absolute;bottom:43px;left:var(--gutter);right:var(--gutter)}.moments-bottom>p{font-family:var(--serif);font-size:21px;font-style:italic;margin-bottom:30px}.moment-tabs{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.moment-tabs:before{content:"";position:absolute;top:6px;left:7px;right:0;background:#f4f2e950;height:1px}.moment-tabs>button{position:relative;text-align:left;padding:24px 0 0;opacity:.65;transition:opacity .3s;color:var(--paper)}.moment-tabs>button.active,.moment-tabs>button:hover{opacity:1}.moment-dot{position:absolute;width:7px;height:7px;border:1px solid var(--paper);border-radius:50%;left:0;top:3px;background:#244e4c;transition:background .3s,box-shadow .3s}.moment-tabs>button.active .moment-dot{background:var(--sand);border-color:var(--sand);box-shadow:0 0 0 4px #ead5a93b}.moment-tabs .time{font-size:13px;display:block;letter-spacing:.5px}.moment-short{display:block;font-size:8px;margin-top:6px;letter-spacing:.3px}.time-hint{position:absolute;right:0;top:-7px;font-size:7px;display:flex;align-items:center;gap:15px}.time-hint svg{width:30px;height:30px}.explore-section{background:#e7ece5;display:grid;grid-template-columns:1fr 1.35fr;align-items:center;gap:3vw;padding-top:85px;padding-bottom:74px}.explore-copy{max-width:405px}.explore-copy>h2{font-size:clamp(40px,4.1vw,63px);margin-top:24px;letter-spacing:-1.4px}.explore-copy>p{font-size:11px;color:#606e60;line-height:1.9;margin-top:25px}.map-description{border-top:1px solid #8794805c;margin-top:34px;padding-top:24px;min-height:171px;max-width:350px}.map-description>.eyebrow{font-size:7px;letter-spacing:1.1px;color:#66785c}.map-description>h3{font-size:26px;line-height:1.12;margin-top:14px;max-width:280px}.map-description>p{font-size:10px;line-height:1.8;color:#65715f;margin-top:12px;max-width:320px}.map-hint{display:flex;align-items:center;gap:11px;font-size:7px;letter-spacing:1px;margin-top:23px}.map-hint>span{font-size:18px;border:1px solid #a5afa0;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;line-height:1}.island-map{position:relative;aspect-ratio:640/560;width:100%;isolation:isolate}.island-art{width:100%;height:100%}.map-pin{position:absolute;display:flex;align-items:center;gap:6px;transform:translate(-50%,-50%);z-index:2}.map-pin>span:first-child{background:var(--paper);color:var(--ink);width:28px;height:28px;border:1px solid #53624d;border-radius:50%;display:grid;place-items:center;font-size:8px;box-shadow:0 0 0 5px #f4f2e933;transition:background .3s,color .3s,box-shadow .3s}.map-pin.active>span:first-child,.map-pin:hover>span:first-child{background:var(--ink);color:var(--paper);box-shadow:0 0 0 6px #f4f2e955}.pin-label{position:absolute;left:calc(100% + 8px);background:var(--paper);font-size:8px;white-space:nowrap;padding:4px 7px;opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s;pointer-events:none}.map-pin:hover .pin-label,.map-pin.active .pin-label,.map-pin:focus-visible .pin-label{opacity:1;transform:none}.map-note{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:6px;letter-spacing:1.8px;white-space:nowrap;color:#70816b}.outer-tide{transform-origin:center;animation:tide-breathe 9s ease-in-out infinite alternate}.outer-tide:nth-child(2){animation-delay:-3s}.philosophy{padding-top:62px;padding-bottom:53px;text-align:center}.philosophy-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.philosophy-top>.eyebrow{font-size:7px;min-width:230px;text-align:left}.philosophy-top>.eyebrow:last-child{text-align:right}.philosophy-top>svg{width:43px;height:43px;color:#9d824d}.philosophy>h2{font-size:clamp(42px,5.35vw,81px);letter-spacing:-1.6px;line-height:1.03;margin:53px 0 59px}.philosophy-values{display:grid;grid-template-columns:repeat(3,1fr);gap:0;text-align:left}.philosophy-values>div{padding:0 4.2vw;border-left:1px solid var(--line)}.philosophy-values>div:first-child{border:0;padding-left:0}.philosophy-values>div:last-child{padding-right:0}.value-number{font-size:8px;letter-spacing:1.2px;color:#8d835f}.philosophy-values h3{font-size:29px;margin-top:17px;letter-spacing:-.4px}.philosophy-values p{font-size:10px;line-height:1.9;max-width:310px;color:#68705f;margin-top:16px}.handwritten{font-family:var(--serif);font-style:italic;font-size:27px;transform:rotate(-5deg);margin-top:54px;color:#8a774e}.closing-section{height:620px;position:relative;isolation:isolate;overflow:hidden;background:#736f5d;color:var(--paper);text-align:center}.closing-section>img,.closing-shade{position:absolute;inset:0;z-index:-1}.closing-section>img{object-position:center 60%}.closing-shade{background:#18392d4d}.closing-copy{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px}.closing-copy>.eyebrow{font-size:8px;letter-spacing:2px}.closing-copy h2{font-size:clamp(68px,7.7vw,116px);line-height:.98;letter-spacing:-2px;margin:33px 0}.closing-copy>.button{min-width:204px;min-height:50px}.closing-copy>p{font-size:9px;letter-spacing:.2px;margin-top:23px}.site-footer{padding-top:59px;background:var(--ink);color:var(--paper);overflow:hidden}.footer-top{display:grid;grid-template-columns:1.1fr .7fr 1fr 45px;gap:40px;align-items:start}.footer-top .eyebrow{font-size:7px;letter-spacing:1.2px;color:#c4cbb8}.footer-top>div:first-child>p{font-family:var(--serif);font-size:27px;line-height:1.1;margin-top:17px}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:10px}.footer-links a{width:fit-content;border-bottom:1px solid transparent}.footer-links a:hover{border-bottom-color:#a4b09b}.footer-contact>.text-link{margin-top:18px;min-width:163px;font-size:14px;padding-bottom:10px}.footer-contact>span:last-child{display:block;font-size:8px;margin-top:14px;color:#a9b5a4}.back-top{border-color:#fff5;margin-top:0}.back-top svg{transform:rotate(180deg)}.footer-wordmark{display:flex;align-items:flex-end;justify-content:space-between;padding-top:48px;padding-bottom:41px;border-bottom:1px solid #f4f2e940;gap:20px}.wordmark-footer{font-size:clamp(160px,23.7vw,365px);line-height:.72;letter-spacing:-1.4vw;padding:0;gap:16px}.wordmark-footer svg{width:5.1vw;height:5.1vw;margin-top:3.2vw}.footer-wordmark>span{font-size:8px;letter-spacing:2.3px;line-height:1.8;padding-bottom:4px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;min-height:69px;gap:25px;font-size:7px;color:#b5c0ae;letter-spacing:.6px}.footer-bottom .concept-label{font-size:8px;letter-spacing:0;color:#a5b09f}.footer-bottom>div{display:flex;gap:24px}.footer-bottom button{font-size:8px;letter-spacing:0}.footer-bottom button:hover{color:#fff}.info-dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(540px,calc(100% - 32px));max-height:85svh;margin:auto;box-shadow:0 15px 80px #0003}.info-dialog::backdrop{background:#152c27b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.info-inner{padding:48px;position:relative}.info-close{position:absolute;right:18px;top:18px;font-size:25px;width:32px;height:32px;border-color:var(--line)}.info-inner>svg{width:40px;height:40px;margin-bottom:25px}.info-inner>.eyebrow{font-size:7px}.info-inner>h2{font-size:42px;margin:18px 0 25px}.info-inner>p{font-size:12px;line-height:1.9;color:#5e6b5d}.info-inner>.text-link{margin-top:28px}.will-reveal{opacity:0;transform:translateY(27px);transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1)}.will-reveal.revealed{opacity:1;transform:none}.image-enter{animation:image-enter 1s cubic-bezier(.16,1,.3,1)}@keyframes hero-arrive{0%{transform:scale(1.065);filter:brightness(.85)}to{transform:scale(1);filter:brightness(1)}}@keyframes copy-arrive{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes image-enter{0%{opacity:.4;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes sound-wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes nudge-down{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}@keyframes tide-breathe{0%{transform:scale(.99);opacity:.45}to{transform:scale(1.03);opacity:.9}}@media(min-width:1600px){:root{--gutter:max(6.25vw, calc((100vw - 1450px)/2) )}.hero-copy{left:7vw}.photo-wrap{height:680px}.intro-detail-photo{height:300px}.villa-photo{height:565px}.villa-copy h3{font-size:49px}.villa-copy>p{font-size:13px;max-width:410px}.villa-copy>.eyebrow{font-size:9px}.villa-details{margin-top:39px}.moments-section{height:900px}.moment-copy{top:145px}.moment-copy>p{font-size:13px;max-width:410px}.explore-section{padding-top:100px;padding-bottom:90px}.closing-section{height:740px}}@media(max-width:1100px){:root{--gutter:5vw}.site-header{padding:0 4vw;height:85px}.wordmark{font-size:52px}.wordmark svg{width:22px;height:22px}.navigation{gap:23px;margin-left:0}.navigation>a{font-size:10px}.header-book{gap:16px;padding:0 14px;font-size:9px}.hero{height:calc(100svh - 85px);min-height:650px}.hero h1{font-size:11vw}.hero-seal{right:5vw;width:114px;height:114px;top:52%}.hero-topline,.hero-bottom{left:4vw;right:4vw}.hero-topline .eyebrow{font-size:7px}.island-ribbon{gap:16px}.island-ribbon>span{font-size:7px;letter-spacing:1px}.island-ribbon>svg{width:16px;height:16px}.intro-heading{gap:35px;grid-template-columns:1fr 2.2fr}.intro-heading h2{font-size:5.2vw}.intro-grid{gap:8vw}.photo-wrap{height:540px}.intro-story .lead{font-size:25px}.intro-story>p:not(.lead){font-size:11px}.intro-detail-photo{height:220px}.villa-display{gap:4vw;grid-template-columns:1.3fr 1fr}.villa-copy h3{font-size:36px}.villa-photo{height:460px}.villa-details{gap:28px}.villa-booking{gap:14px}.villa-booking .text-link{gap:13px;font-size:9px}.moment-copy h2{font-size:6vw}.explore-section{gap:0}.explore-copy>h2{font-size:4.4vw}.map-description{min-height:185px}.philosophy-values h3{font-size:25px}.philosophy-values>div{padding:0 3vw}.philosophy-top>.eyebrow{min-width:200px}.footer-top{gap:30px}.footer-wordmark{padding-top:59px}.wordmark-footer{font-size:26vw}.wordmark-footer svg{width:5.5vw;height:5.5vw}.footer-bottom{font-size:6px;gap:15px}.footer-bottom .concept-label{font-size:7px}.footer-bottom>div{gap:15px}}@media(max-width:760px){:root{--gutter:6vw}html{scroll-padding-top:80px}.site-header{height:79px;padding:0 6vw}.wordmark{font-size:47px;letter-spacing:-2.8px;gap:5px}.wordmark svg{width:20px;height:20px;margin-top:2px}.header-actions{gap:20px}.header-book{min-height:35px;font-size:8px;padding:0 12px;gap:15px}.header-book svg{width:13px;height:13px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:23px;height:40px}.menu-toggle span{height:1px;width:23px;background:var(--ink);transition:transform .3s}.menu-toggle.active span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-3px) rotate(-45deg)}.navigation{position:absolute;top:79px;left:0;right:0;background:var(--paper);padding:34px 7vw 42px;display:none;flex-direction:column;gap:5px;align-items:flex-start;border-top:1px solid var(--line);box-shadow:0 15px 25px #16251b24}.navigation.open{display:flex}.navigation>a{font-family:var(--serif);font-size:32px;line-height:1.2;padding:11px 0}.mobile-menu-note{display:block;font-size:7px;letter-spacing:1.5px;margin-top:24px}.hero{height:calc(93svh - 79px);min-height:620px;max-height:900px}.hero-image img{object-position:60% center}.hero-shade{background:linear-gradient(180deg,#05191e99,transparent 24%),linear-gradient(90deg,#12393450,#1239340d),linear-gradient(0deg,#103b3566,transparent 55%)}.hero-topline{top:25px;left:6vw;right:6vw}.hero-topline .eyebrow{font-size:6px;letter-spacing:1px}.hero-topline .eyebrow:last-child{display:none}.small-sun{font-size:16px}.hero-copy{left:6vw;right:5vw;top:47%;transform:translateY(-43%)}.hero h1{font-size:clamp(67px,12.3vw,96px);letter-spacing:-2px;line-height:.97}.hero h1>span:last-child{padding-left:0}.hero-copy>p{font-size:11px;margin:24px 0 25px;line-height:1.8}.hero-copy>.button{margin-left:0;font-size:9px;min-height:47px;min-width:193px;padding:0 19px;gap:25px}.hero-seal{right:6vw;top:auto;bottom:107px;width:94px;height:94px}.hero-seal>svg:last-child{width:38px;height:38px}.hero-bottom{bottom:24px;left:6vw;right:6vw}.scroll-cue{gap:11px;font-size:6px;letter-spacing:.9px}.scroll-circle{width:28px;height:37px}.scroll-circle svg{width:14px;height:14px}.sound-toggle{font-size:6px;gap:9px;letter-spacing:1px}.sound-bars{gap:2px;transform:scale(.8)}.island-ribbon{justify-content:center;min-height:62px;padding:20px 6vw;gap:19px}.island-ribbon>span{font-size:6px;letter-spacing:.9px}.island-ribbon>span:nth-of-type(n+3),.island-ribbon>svg:nth-of-type(n+2){display:none}.island-ribbon>svg{width:16px;height:16px}.introduction{padding-top:66px;padding-bottom:74px}.intro-heading{display:block;margin-bottom:34px}.section-marker{padding:0;margin-bottom:27px}.section-marker .eyebrow{font-size:7px}.tiny-coordinate{display:none}.intro-heading h2{font-size:clamp(36px,7.6vw,57px);letter-spacing:-1.3px;line-height:1.08}.intro-grid{grid-template-columns:1fr;gap:33px}.photo-wrap{height:auto;aspect-ratio:4/4.3}.intro-main-photo figcaption{font-size:5.5px;margin-top:13px;letter-spacing:1px}.intro-story{padding-top:0;max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.story-sun{width:32px;height:32px;margin:10px 0 23px;grid-column:1/-1}.intro-story .lead{font-size:26px;grid-column:1/-1;margin-bottom:22px}.intro-story>p:not(.lead){font-size:10px;line-height:1.95;grid-column:1/-1;max-width:none;margin-bottom:13px}.intro-story>.text-link{grid-column:1/-1;justify-self:start;font-size:10px;min-width:182px;margin-top:11px}.intro-detail-photo{grid-column:1/-1;width:64%;height:auto;aspect-ratio:1.2;margin-top:34px;margin-right:2vw}.intro-detail-photo figcaption{font-size:22px;left:-58px;bottom:10px;padding:5px 12px 7px}.intro-side-note{right:5vw;top:auto;bottom:190px;font-size:6px;letter-spacing:1.2px}.stay-section{padding-top:58px;padding-bottom:30px}.section-head{display:block;margin-bottom:27px}.section-head .eyebrow{font-size:7px}.section-head h2{font-size:clamp(42px,9vw,62px);letter-spacing:-1.4px;margin-top:22px}.section-head>p{font-size:10px;margin-top:23px;margin-bottom:0}.villa-tabs{margin-bottom:20px;gap:0}.villa-tabs>button{font-size:8px;padding:15px 6px 15px 0!important;gap:6px;line-height:1.5}.villa-tabs>button:nth-child(2),.villa-tabs>button:nth-child(3){padding-left:8px!important}.villa-tabs .tab-number{font-size:5px}.villa-tabs svg{display:none}.villa-display{grid-template-columns:1fr;gap:0;min-height:0}.villa-photo{height:auto;aspect-ratio:1.12}.photo-label{left:18px;top:18px;font-size:6px;padding:6px 8px}.photo-pagination{left:20px;bottom:22px;gap:9px;font-size:8px}.villa-arrows{right:15px;bottom:15px;gap:8px}.villa-arrows .round-button{width:33px;height:33px}.villa-arrows svg{width:16px;height:16px}.villa-copy{padding:30px 0 0}.villa-copy>.eyebrow{font-size:6px;letter-spacing:1.4px}.villa-copy h3{font-size:38px;margin-top:15px;margin-bottom:19px}.villa-copy>p{font-size:11px;min-height:0;max-width:none}.villa-details{margin-top:24px;padding-top:20px;gap:45px}.villa-details>span{font-size:23px}.villa-details small{font-size:5px;letter-spacing:1.1px;margin-top:8px}.villa-feature{margin-top:21px;margin-bottom:22px;font-size:9px}.villa-booking{padding-top:18px}.villa-booking>div{font-size:9px}.villa-booking strong{font-size:20px}.villa-booking .text-link{font-size:10px;gap:25px}.stay-footnote{display:block;margin-top:29px}.stay-footnote>span:first-child{font-size:6px;letter-spacing:1px;display:none}.stay-footnote>span:last-child{display:block;font-size:8px;line-height:1.8}.moments-section{height:760px;min-height:0}.moments-image>img{object-position:63% center}.moments-overlay{background:linear-gradient(90deg,#082b3299,#082b3240),linear-gradient(0deg,#082b32a8,transparent 60%)}.moments-heading{top:29px}.moments-heading>.eyebrow{font-size:6px;letter-spacing:1.4px}.moments-heading>.eyebrow:last-child{display:none}.moment-copy{top:94px;right:6vw}.moment-time{font-size:42px;gap:15px;margin-bottom:44px}.moment-time>span{font-size:6px;padding-left:15px}.moment-copy>.eyebrow{font-size:6px;letter-spacing:1.3px;margin-bottom:16px}.moment-copy h2{font-size:clamp(35px,7.9vw,55px);letter-spacing:-.9px;line-height:1.08}.moment-copy>p{font-size:10px;line-height:1.95;max-width:310px;margin-top:24px}.moments-bottom{bottom:36px}.moments-bottom>p{font-size:19px;margin-bottom:28px}.moment-tabs>button{padding-top:22px}.moment-tabs .time{font-size:11px}.moment-short{font-size:6px;letter-spacing:0;margin-top:7px}.time-hint{display:none}.explore-section{grid-template-columns:1fr;padding-top:60px;padding-bottom:33px;gap:10px}.explore-copy{max-width:none}.explore-copy>.eyebrow{font-size:7px}.explore-copy>h2{font-size:clamp(37px,8.3vw,54px);letter-spacing:-1.2px;margin-top:23px}.explore-copy>p{font-size:10px;margin-top:20px}.map-description{margin-top:26px;padding-top:20px;min-height:156px;max-width:none}.map-description>h3{font-size:25px;max-width:300px}.map-description>p{max-width:none;font-size:10px}.map-hint{font-size:6px;letter-spacing:.8px;margin-top:20px}.map-hint>span{width:20px;height:20px;font-size:15px}.island-map{width:calc(100% + 8vw);margin-left:-4vw;max-width:100vw}.map-pin>span:first-child{width:24px;height:24px;font-size:7px}.pin-label{font-size:6px;padding:3px 5px;left:calc(100% + 6px)}.map-note{font-size:5px;letter-spacing:1.5px}.philosophy{padding-top:45px;padding-bottom:47px}.philosophy-top>.eyebrow{min-width:0;font-size:6px;letter-spacing:1px;max-width:130px}.philosophy-top>.eyebrow:last-child{max-width:110px}.philosophy-top>svg{width:30px;height:30px}.philosophy-top{gap:18px}.philosophy>h2{font-size:clamp(33px,7.3vw,53px);letter-spacing:-.8px;line-height:1.13;margin:37px 0 40px}.philosophy-values{grid-template-columns:1fr;gap:22px}.philosophy-values>div{border-left:0;border-top:1px solid var(--line);padding:23px 0 0!important;display:grid;grid-template-columns:25px 1fr;column-gap:20px}.philosophy-values>div:first-child{border-top:1px solid var(--line)}.value-number{font-size:7px;grid-row:1/3;margin-top:4px}.philosophy-values h3{font-size:26px;margin-top:0;letter-spacing:0}.philosophy-values p{font-size:10px;line-height:1.9;max-width:none;margin-top:11px}.handwritten{font-size:26px;margin-top:35px}.closing-section{height:530px}.closing-section>img{object-position:60% center}.closing-copy>.eyebrow{font-size:6px;letter-spacing:1.7px}.closing-copy h2{font-size:clamp(54px,12.6vw,83px);letter-spacing:-1.5px;margin:31px 0}.closing-copy>.button{min-height:46px;min-width:197px;font-size:10px}.closing-copy>p{font-size:7px;margin-top:24px}.site-footer{padding-top:39px}.footer-top{grid-template-columns:1fr 1fr;gap:33px 15px;position:relative;padding-right:0}.footer-top>div:first-child{grid-column:1/-1}.footer-top .eyebrow{font-size:6px;letter-spacing:1px}.footer-top>div:first-child>p{font-size:28px;margin-top:16px}.footer-links{font-size:9px;gap:11px}.footer-contact>.eyebrow{font-size:5px;letter-spacing:.8px}.footer-contact>.text-link{font-size:13px;min-width:0;width:100%;gap:15px;margin-top:18px}.footer-contact>span:last-child{font-size:6px;line-height:1.7;margin-top:12px}.back-top{position:absolute;top:0;right:0;width:34px;height:34px}.back-top svg{width:15px;height:15px}.footer-wordmark{padding-top:40px;padding-bottom:30px}.wordmark-footer{font-size:29vw;letter-spacing:-1.6vw;gap:3px;line-height:.76}.wordmark-footer svg{width:6vw;height:6vw;margin-top:4.2vw}.footer-wordmark>span{font-size:5px;letter-spacing:1px;max-width:70px;padding-bottom:0}.footer-bottom{min-height:97px;flex-wrap:wrap;justify-content:space-between;gap:14px 20px;padding:20px 0;font-size:5px;letter-spacing:.5px}.footer-bottom>.concept-label{font-size:6px;order:3;flex-basis:100%;margin-top:-4px}.footer-bottom>div{gap:18px}.footer-bottom button{font-size:6px}.info-inner{padding:42px 28px 30px}.info-inner>h2{font-size:35px}.info-inner>p{font-size:11px}.will-reveal{transform:translateY(18px)}}@media(max-width:370px){.header-actions{gap:14px}.header-book{font-size:7px;gap:10px;padding:0 9px}.hero h1{font-size:17vw}.hero-seal{bottom:90px;width:82px;height:82px}.hero-copy{top:45%}.hero{min-height:605px}.hero-copy>p{font-size:10px}.intro-heading h2{font-size:32px}.villa-tabs>button{font-size:7px}.moment-copy h2{font-size:30px}.moment-short{font-size:5.5px}.philosophy-top>.eyebrow{font-size:5px}.philosophy>h2{font-size:30px}.footer-wordmark>span{font-size:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}
