:root{--navy:#071d31;--navy2:#0b2940;--emerald:#0c503e;--orange:#f36f32;--cream:#f3efe6;--ink:#102a2b;--muted:#87918d;--line:rgba(255,255,255,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header{height:88px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;padding:0 5vw;color:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.23em;font-size:13px}.brand span{font-family:Playfair Display;font-size:25px;font-style:italic;color:var(--orange)}.nav{margin:auto;display:flex;gap:36px;font-size:13px}.nav a{opacity:.8;transition:.2s}.nav a:hover{opacity:1;color:#ff9a63}.header-book{height:88px;padding-left:34px;border-left:1px solid var(--line);display:flex;align-items:center;gap:16px;font-size:13px}.header-book svg{width:18px}.menu-btn{display:none;background:none;border:0;color:#fff}.hero{height:min(820px,100vh);min-height:680px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url(/hero-hotel.png) center/cover no-repeat;animation:slowZoom 18s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04121ddb,#04121d80 42%,#04121d0d 75%),linear-gradient(0deg,rgba(4,18,29,.42),transparent 48%)}@keyframes slowZoom{0%{transform:scale(1.04)}to{transform:scale(1.11)}}.hero-content{position:relative;z-index:2;margin-left:9vw;margin-top:55px;max-width:750px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:600;display:flex;align-items:center;gap:12px;color:#d9e3df}.eyebrow i{display:block;width:38px;height:1px;background:var(--orange)}h1,h2{font-family:Playfair Display,serif;font-weight:500;margin:20px 0;line-height:.96}h1{font-size:clamp(52px,6.5vw,96px);letter-spacing:-.035em}h1 em,h2 em{font-weight:500;color:var(--orange)}.hero-content p{max-width:480px;color:#d2dadd;font-family:Manrope;font-size:16px;line-height:1.75}.text-link{margin-top:32px;display:inline-flex;align-items:center;gap:18px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:9px}.text-link svg{width:17px}.hero-meta{position:absolute;z-index:2;right:4.7vw;bottom:36px;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-line{height:44px;width:1px;background:#ffffff80}.booking{position:relative;z-index:5;margin:-52px auto 0;max-width:1280px;background:#fff;min-height:112px;display:grid;grid-template-columns:1.25fr repeat(3,1fr) 1.1fr;box-shadow:0 20px 45px #011e201f}.booking>*{padding:25px 28px;border-right:1px solid #e4e4df}.booking-intro{background:var(--emerald);color:#fff;display:flex;flex-direction:column;justify-content:center}.booking-intro span,.booking small{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#9dacaa;margin-bottom:9px}.booking-intro strong{font:500 20px Playfair Display}.booking label{display:flex;justify-content:center;flex-direction:column;position:relative}.booking label span{display:flex;gap:12px;align-items:center}.booking label svg{color:var(--orange);width:18px}.booking label b{font-size:13px;font-weight:500}.booking input,.booking select{position:absolute;opacity:0;inset:0;width:100%;cursor:pointer}.booking>button{border:0;background:var(--orange);color:#fff;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:600;display:flex;gap:18px;align-items:center;justify-content:center;cursor:pointer;transition:.25s}.booking>button:hover{background:#da5722}.section{padding:130px max(7vw,30px)}.story{position:relative;padding-top:160px;display:grid;grid-template-columns:.18fr 1fr 1fr;gap:5vw}.story-number{color:#b5bab4;font:italic 18px Playfair Display}.dark{color:#64736e}.story h2,.rooms h2,.experience h2{font-size:clamp(48px,5vw,76px);letter-spacing:-.035em}.story-copy{align-self:end;max-width:440px;padding-bottom:12px}.story-copy p,.section-head>p,.exp-copy>p{font:14px/1.85 Manrope;color:#63706c}.dark-link{color:var(--emerald);border-color:#a5afaa}.story-cards{grid-column:2/4;display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;border-top:1px solid #cbcfc9}.story-cards article{padding:42px 8% 8px 0}.story-cards article+article{padding-left:12%;border-left:1px solid #cbcfc9}.story-cards svg{color:var(--orange);width:30px;height:30px}.story-cards strong{font:500 19px Playfair Display;display:block;margin:27px 0 14px}.story-cards p{font:12px/1.7 Manrope;color:#74807c;max-width:240px}.rooms{background:var(--navy);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:65px}.section-head>p{color:#a8b6ba;max-width:390px}.room-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.room{background:#0b263a;overflow:hidden}.room-art{height:410px;position:relative;overflow:hidden}.room-one .room-art{background:linear-gradient(165deg,#bdb5a5 0 54%,#8b7156 55%)}.window{position:absolute;background:linear-gradient(#9fc2c0,#315e57 55%,#163b33 56%);inset:0 0 26% 45%;border-left:12px solid #292d2b}.window:after{content:"";position:absolute;left:48%;height:100%;border-left:7px solid #292d2b}.bed{position:absolute;left:7%;bottom:0;width:66%;height:42%;background:#ded7c8;transform:skewY(-5deg);box-shadow:0 -20px 25px #6b5c4d}.bed:before{content:"";position:absolute;width:37%;height:37%;top:-17%;left:7%;background:#eee9df;border-radius:2px}.bed i{position:absolute;width:44%;height:44%;top:-12%;left:43%;background:#b9693d}.plant{position:absolute;right:7%;bottom:10%;font-size:80px;color:#143b2e;filter:drop-shadow(10px 8px 0 #31573a)}.room-two .room-art{background:linear-gradient(#e2a15f,#f5c487 48%,#144a3d 49%)}.sun{position:absolute;border-radius:50%;width:80px;height:80px;background:#f58543;right:18%;top:20%;box-shadow:0 0 50px #ffbb63}.mountain{position:absolute;bottom:30%;width:0;height:0;border-left:260px solid transparent;border-right:260px solid transparent;border-bottom:230px solid #1e5045}.m1{left:-170px}.m2{right:-240px;border-bottom-color:#0b332e}.bath{position:absolute;bottom:0;left:9%;width:82%;height:32%;border-radius:50% 50% 10% 10%;background:linear-gradient(#eee7db 20%,#867460);border-bottom:25px solid #d5c9b8}.room-info{padding:28px 32px 34px;position:relative}.room-info span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#a8b5b9}.room-info h3{font:500 28px Playfair Display;margin:12px 0 7px}.room-info p{font-size:11px;color:#a6b2b5}.room-info a{position:absolute;right:30px;bottom:34px;color:var(--orange);border:1px solid #345063;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;transition:.25s}.room-info a:hover{background:var(--orange);color:#fff}.experience{background:var(--emerald);color:#fff;position:relative;display:grid;grid-template-columns:1fr 1.2fr;gap:11vw;overflow:hidden}.experience:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-110px;bottom:-170px}.exp-copy{position:relative}.exp-copy>p{color:#b5c8c1;max-width:420px}.exp-list{border-top:1px solid rgba(255,255,255,.2);align-self:center}.exp-list button{width:100%;display:grid;grid-template-columns:45px 1fr 1fr 25px;align-items:center;text-align:left;padding:29px 0;background:none;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer}.exp-list button>span{font:italic 12px Playfair Display;color:#ef8e5e}.exp-list button>i{font: 11px Manrope;color:#9bb5ac}.exp-list button svg{width:16px;transition:.2s}.exp-list button:hover svg{transform:translate(6px);color:var(--orange)}footer{background:#061723;color:#fff;padding:75px max(7vw,30px) 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;padding-bottom:65px}.footer-top>div{display:flex;flex-direction:column;gap:11px}.footer-brand{width:max-content;margin-bottom:12px}.footer-top p{font:italic 14px Playfair Display;color:#788991}.footer-top small{color:#6e8189;text-transform:uppercase;letter-spacing:.18em;font-size:9px;margin-bottom:13px}.footer-top a:not(.brand){font-size:12px;color:#bac5c8}.footer-bottom{border-top:1px solid #213440;padding-top:23px;display:flex;gap:40px;color:#71838a;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.footer-bottom button{margin-left:auto;background:none;border:0;color:#a2afb3;cursor:pointer;text-transform:uppercase;font-size:9px}.modal{position:fixed;z-index:100;inset:0;background:#020d15b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.3s}.modal.show{opacity:1;visibility:visible}.modal-card{background:var(--cream);padding:55px;max-width:480px;width:calc(100% - 32px);text-align:center;position:relative;transform:translateY(20px);transition:.3s}.show .modal-card{transform:none}.modal-close{position:absolute;right:18px;top:18px;background:none;border:0;cursor:pointer}.modal-mark{display:block;font:italic 35px Playfair Display;color:var(--orange)}.modal-card small{text-transform:uppercase;letter-spacing:.2em;color:#77817d}.modal-card h2{font-size:42px}.modal-card p{color:#68736f;line-height:1.7}.modal-action{margin-top:20px;background:var(--emerald);color:#fff;border:0;padding:15px 35px;cursor:pointer}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.header{height:72px}.nav{position:absolute;top:72px;left:0;right:0;background:var(--navy);flex-direction:column;padding:30px 5vw;gap:22px;transform:translateY(-140%);transition:.3s;z-index:-1}.nav.open{transform:none}.header-book{display:none}.menu-btn{display:block;margin-left:auto}.hero{min-height:700px}.hero-content{margin-left:6vw}.booking{margin:-35px 20px 0;grid-template-columns:1fr 1fr}.booking-intro{grid-column:1/3}.booking>button{min-height:76px}.story{grid-template-columns:1fr 1fr}.story-number{display:none}.story-cards{grid-column:1/3}.room-grid{grid-template-columns:1fr}.experience{grid-template-columns:1fr;gap:60px}.footer-top{grid-template-columns:2fr 1fr;gap:45px}.footer-top>div:last-child{grid-column:2}}@media(max-width:600px){.hero{min-height:670px}.hero-bg{background-position:62% center}.hero-shade{background:#04121d94}.hero-content{margin:60px 24px 0}.hero-content p{font-size:14px}.hero-meta{display:none}.booking{grid-template-columns:1fr;margin:-20px 15px 0}.booking-intro{grid-column:auto}.booking>*{min-height:80px}.section{padding:95px 24px}.story{display:block}.story-title{margin-bottom:45px}.story-cards{display:block;margin-top:60px}.story-cards article+article{padding-left:0;border-left:0;border-top:1px solid #cbcfc9}.section-head{display:block}.section-head>p{margin-top:35px}.room-art{height:290px}.experience{display:block}.exp-copy{margin-bottom:65px}.exp-list button{grid-template-columns:35px 1fr 20px}.exp-list button>i{display:none}.footer-top{display:block}.footer-top>div{margin-bottom:38px}.footer-bottom{flex-direction:column;gap:14px}.footer-bottom button{margin-left:0;text-align:left}}body.modal-open{overflow:hidden}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.menu-btn{cursor:pointer}.modal-card{max-height:calc(100vh - 32px);overflow:auto}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}.hero-bg{background-image:url(/tropics-hero.png)}.header-book{padding-left:22px}.language{height:88px;padding-left:16px;margin-left:16px;border-left:1px solid var(--line);display:flex;align-items:center;gap:6px}.language select{appearance:none;background:transparent;color:#fff;border:0;outline:0;font-weight:600;cursor:pointer;padding:8px}.language option{color:var(--navy);background:#fff}.footer-top address{font: 12px/1.8 Manrope;color:#9dafb6}.qr-wrap img{width:112px;height:112px;object-fit:cover;background:#fff;padding:5px;border-radius:4px}.insta-link{max-width:max-content;border-bottom:1px solid #53646b;padding-bottom:4px}.exp-list button>b{font:500 14px DM Sans}@media(max-width:900px){.language{height:72px;margin-left:auto;border-left:0;padding-left:8px}.language+.menu-btn{margin-left:8px}}.hero h1>[data-i=headline]:after,.story h2>[data-i=sea]:after{content:" "}.room-grid{grid-template-columns:repeat(3,1fr)}.room-grid .room-art{height:330px}.room-family .room-art{background:linear-gradient(165deg,#d1bea4 0 52%,#11604b 53%)}.amenities{margin-top:48px;border-top:1px solid #294356;border-bottom:1px solid #294356;display:grid;grid-template-columns:repeat(5,1fr)}.amenities>div{min-height:105px;padding:24px 14px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center;border-right:1px solid #294356}.amenities>div:last-child{border:0}.amenities b{font-size:20px;color:var(--orange)}.amenities span{font-size:11px;color:#c4d0d2}.room-info h3{font-size:24px}@media(max-width:900px){.room-grid{grid-template-columns:1fr}.amenities{grid-template-columns:repeat(2,1fr)}.amenities>div{border-bottom:1px solid #294356}.amenities>div:last-child{grid-column:1/3}.header .brand strong{font-size:11px}}@media(max-width:600px){.amenities{grid-template-columns:1fr}.amenities>div,.amenities>div:last-child{grid-column:auto;border-right:0}.language span{display:none}.language select{padding:5px}.header{padding-inline:20px}}@font-face{font-family:UhBee Namsoyoung;src:url(/fonts/UhBeenamsoyoung.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--heading-font:"Playfair Display",serif;--body-font:"DM Sans",sans-serif}body{font-family:var(--body-font)}h1,h2,.booking-intro strong,.story-cards strong,.room-info h3,.footer-top p,.brand span,.modal-mark{font-family:var(--heading-font)}