:root{--ink:#102a32;--teal:#087b81;--sea:#19aeb4;--sand:#f4e8d5;--cream:#fffaf1;--coral:#ff715b;--white:#fff;--radius:1.15rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:1rem;line-height:1.6}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:5rem;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,4vw,4rem);background:var(--cream);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:.75rem;font-weight:600;letter-spacing:-.02em}.brand b{color:var(--teal)}.brand-mark{display:grid;place-items:center;width:2.35rem;height:2.35rem;background:var(--teal);color:#fff;border-radius:50%;font-family:"Playfair Display",serif;font-size:.85rem}.site-header nav{display:flex;align-items:center;gap:2rem;font-size:.9rem;font-weight:600}.site-header nav a:hover{color:var(--teal)}.nav-contact{border:0;background:var(--coral);color:#fff;padding:.75rem 1.15rem;border-radius:999px;cursor:pointer;font-weight:700}.hero{position:relative;min-height:calc(100vh - 5rem);display:flex;align-items:flex-end;padding:clamp(2rem,6vw,5.5rem);color:#fff;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,rgba(5,26,31,.86) 0%,rgba(5,26,31,.5) 48%,rgba(5,26,31,.08) 78%),linear-gradient(0deg,rgba(5,26,31,.35),transparent 50%)}.hero-copy{position:relative;z-index:1;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;font-weight:700;margin:0 0 1rem;color:#b9f0ed}.eyebrow.dark{color:var(--teal)}h1,h2{font-family:"Playfair Display",serif;line-height:.98;letter-spacing:-.035em;margin:0}h1{font-size:clamp(3.25rem,8vw,7.25rem)}h2{font-size:clamp(2.5rem,5.5vw,5rem)}.hero-summary{font-size:clamp(1rem,1.7vw,1.25rem);max-width:625px;margin:1.75rem 0 2rem;color:rgba(255,255,255,.9)}.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.82rem 1.25rem;border-radius:999px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--coral);color:#fff}.button-ghost{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(7,31,38,.25);backdrop-filter:blur(8px)}.button-dark{background:var(--ink);color:#fff}.button-light{background:#fff;color:var(--teal)}.rating-card{position:absolute;z-index:1;right:clamp(1.25rem,4vw,4rem);bottom:clamp(1.25rem,4vw,4rem);background:rgba(255,250,241,.95);color:var(--ink);padding:1.1rem 1.3rem;border-radius:var(--radius);display:grid;grid-template-columns:auto auto;align-items:center;gap:0 .75rem;box-shadow:0 20px 60px rgba(0,0,0,.18)}.rating-card strong{font:700 2.1rem "Playfair Display",serif}.rating-card span{color:var(--coral);font-size:.72rem;letter-spacing:.08em}.rating-card small{grid-column:1/-1;color:#537078}.quick-facts{display:grid;grid-template-columns:repeat(5,1fr);background:var(--ink);color:#fff;padding:1.5rem clamp(1.25rem,5vw,5rem)}.quick-facts div{display:flex;justify-content:center;align-items:baseline;gap:.65rem;border-right:1px solid rgba(255,255,255,.14)}.quick-facts div:last-child{border:0}.quick-facts span{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#9fc0c5}.quick-facts strong{font-size:1.15rem}.section{padding:clamp(4.5rem,9vw,9rem) clamp(1.25rem,7vw,7rem)}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.intro-copy{font-size:1.12rem;max-width:720px}.intro-copy p{margin:0 0 1.25rem}.feature-grid{padding-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature{min-height:540px;border-radius:var(--radius);overflow:hidden;position:relative}.feature-photo:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,29,35,.9))}.feature div{position:absolute;z-index:1;left:1.7rem;right:1.7rem;bottom:1.5rem;color:#fff}.feature span{font-size:.75rem;letter-spacing:.15em}.feature h3{font:600 2rem "Playfair Display",serif;margin:.35rem 0}.feature p{margin:0;color:rgba(255,255,255,.82)}.feature-color{background:var(--coral)}.feature-color div{top:2rem;bottom:auto}.feature-color h3{font-size:clamp(2rem,4vw,3.4rem)}.sleep{background:var(--sand);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.sleep-list{margin-top:2.5rem;border-top:1px solid rgba(16,42,50,.2)}.sleep-list div{padding:1rem 0;border-bottom:1px solid rgba(16,42,50,.2);display:flex;justify-content:space-between;gap:1rem}.sleep-list span{color:#567078}.sleep-images{height:590px;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sleep-images img{border-radius:var(--radius)}.sleep-images img:last-child{margin-top:3rem;height:calc(100% - 3rem)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem}.section-heading>a{font-weight:700;color:var(--teal);border-bottom:1px solid var(--teal)}.gallery-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:310px 310px;gap:1rem}.gallery-grid figure{margin:0;position:relative;overflow:hidden;border-radius:var(--radius)}.gallery-wide{grid-row:1/3}.gallery-grid figcaption{position:absolute;left:1rem;bottom:1rem;background:rgba(255,250,241,.92);padding:.45rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.location{display:grid;grid-template-columns:1fr 1fr;padding-top:0}.location-panel{background:var(--teal);color:#fff;padding:clamp(2rem,6vw,6rem);border-radius:var(--radius) 0 0 var(--radius)}.location-panel>p:not(.eyebrow){max-width:560px;color:rgba(255,255,255,.82);font-size:1.05rem}.location-panel ul{list-style:none;padding:1rem 0 0;margin:2rem 0 0;border-top:1px solid rgba(255,255,255,.25)}.location-panel li{display:flex;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.location-panel li span{width:5rem;font-weight:700;color:#b9f0ed}.location-art{position:relative;overflow:hidden;min-height:560px;background:#efbf52;border-radius:0 var(--radius) var(--radius) 0}.location-art .sun{position:absolute;width:18rem;height:18rem;border-radius:50%;background:var(--coral);right:-3rem;top:-3rem}.location-art .wave{position:absolute;width:150%;height:42%;border-radius:50%;left:-25%}.w1{bottom:7%;background:var(--sea);transform:rotate(-7deg)}.w2{bottom:-20%;background:var(--ink);transform:rotate(5deg)}.location-art>span{position:absolute;z-index:2;left:8%;top:15%;font:700 clamp(3.2rem,7vw,7rem)/.86 "Playfair Display",serif;color:#fff;letter-spacing:-.05em}.hosts{display:grid;grid-template-columns:auto 1fr auto;gap:3rem;align-items:center}.host-badge{width:8rem;height:8rem;border-radius:50%;display:grid;place-items:center;background:var(--sand);font:700 2.25rem "Playfair Display",serif;color:var(--teal)}.host-badge span{color:var(--coral);font-size:1.4rem}.hosts h2{font-size:clamp(2.25rem,4.5vw,4.25rem)}.hosts p:not(.eyebrow){max-width:790px;color:#526c73}.book-section{background:var(--ink);color:#fff;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,7rem);display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:6vw}.book-section>div:last-child{max-width:520px}.book-section p:not(.eyebrow){color:#b3c6ca;margin:0 0 1.5rem}footer{padding:2rem clamp(1.25rem,4vw,4rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.83rem;color:#5c747a}dialog{width:min(94vw,600px);border:0;border-radius:1.25rem;padding:clamp(1.5rem,5vw,3rem);background:var(--cream);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(4,22,27,.72);backdrop-filter:blur(4px)}dialog h2{font-size:clamp(2.2rem,6vw,3.6rem)}.dialog-close{position:absolute;right:1rem;top:.75rem;border:0;background:transparent;font-size:2rem;cursor:pointer;color:#537078}.dialog-intro{color:#526c73}form{display:grid;gap:1rem;margin-top:1.5rem}label{font-weight:700;font-size:.9rem}label span{font-weight:400;color:#71868b}input{width:100%;margin-top:.35rem;border:1px solid #c7d2d3;background:#fff;border-radius:.65rem;padding:.85rem 1rem;font:inherit;color:var(--ink)}input:focus{outline:3px solid rgba(25,174,180,.25);border-color:var(--sea)}form small{color:#667e84}.copy-status{margin-top:.8rem;font-weight:700;color:var(--teal)}@media(max-width:900px){.site-header nav a{display:none}.site-header nav{gap:.5rem}.rating-card{right:1.25rem}.feature-grid{grid-template-columns:1fr 1fr}.feature-color{grid-column:1/-1;min-height:300px}.sleep,.location,.book-section,.intro{grid-template-columns:1fr}.location-panel{border-radius:var(--radius) var(--radius) 0 0}.location-art{border-radius:0 0 var(--radius) var(--radius);min-height:420px}.hosts{grid-template-columns:auto 1fr}.hosts .button{grid-column:2}.quick-facts div{flex-direction:column;gap:0}.quick-facts span{font-size:.63rem}}@media(max-width:640px){.site-header{height:4.4rem}.brand{font-size:.9rem}.hero{min-height:760px;padding:2rem 1.25rem 9rem}.hero-shade{background:linear-gradient(0deg,rgba(5,26,31,.94) 0%,rgba(5,26,31,.45) 70%,rgba(5,26,31,.12))}.hero-actions{display:grid}.hero-actions .button{width:100%}.rating-card{left:1.25rem;right:auto;bottom:1.25rem}.quick-facts{grid-template-columns:repeat(3,1fr);gap:1rem}.quick-facts div{border:0;align-items:center;text-align:center}.feature-grid{grid-template-columns:1fr}.feature-color{grid-column:auto}.feature{min-height:440px}.sleep-images{height:auto;grid-template-columns:1fr}.sleep-images img{height:360px}.sleep-images img:last-child{margin:0;height:360px}.sleep-list div{display:grid}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:1.5rem}.gallery-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.gallery-wide{grid-row:auto}.gallery-grid figure{height:330px}.hosts{grid-template-columns:1fr}.hosts .button{grid-column:auto}.host-badge{width:6rem;height:6rem}.book-section{align-items:start}footer{flex-direction:column;align-items:flex-start}.site-header nav .nav-contact{padding:.65rem .9rem}.location-art>span{top:18%}}