:root{--ink:#181713;--ivory:#f1eee6;--sand:#d7c8ad;--champ:#c7aa79}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"DM Sans",sans-serif}
a{color:inherit;text-decoration:none}.nav{position:absolute;z-index:8;top:0;left:0;width:100%;padding:30px 4vw;display:flex;align-items:center;justify-content:space-between;color:white;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.brand{font-family:"Playfair Display";font-size:22px;letter-spacing:.16em}.brand small{font-family:"DM Sans";font-size:7px;display:block;letter-spacing:.35em;margin-top:3px}
.nav nav{display:flex;gap:30px}.book{border:1px solid #ffffff70;padding:13px 18px}
.hero{height:100svh;position:relative;color:white;overflow:hidden}.hero-media,.exp-bg,.photo,.g{background-size:cover;background-position:center}
.hero-media{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=90');animation:slow 14s ease-out both}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0009,#0001 60%,#0005)}
.hero-copy{position:absolute;left:8vw;bottom:13vh}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:10px;margin-bottom:22px}
h1,h2,h3{font-family:"Playfair Display",serif;font-weight:500;margin:0;line-height:.94}h1{font-size:clamp(74px,11vw,170px)}em{font-weight:500}.tagline{font-family:"Playfair Display";font-style:italic;font-size:clamp(22px,2vw,34px);margin:20px 0 45px}
.discover{font-size:11px;text-transform:uppercase;letter-spacing:.2em;border-bottom:1px solid #fff7;padding-bottom:10px}.discover span{margin-left:22px}.hero-side{position:absolute;right:3vw;bottom:12vh;writing-mode:vertical-rl;font-size:9px;letter-spacing:.3em}
.manifesto{padding:150px 8vw;display:grid;grid-template-columns:80px 1.4fr 1fr;gap:5vw;align-items:start}.num{font-family:"Playfair Display";font-size:18px;color:#8b806e}.dark{color:#8b806e}.manifesto h2,.gallery h2,.island h2{font-size:clamp(48px,6vw,92px)}.lead{font-family:"Playfair Display";font-size:21px;line-height:1.6;margin-top:40px}
.feature-grid{display:grid;grid-template-columns:1.5fr 1fr;min-height:850px}.p1{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1800&q=90')}.facts{background:#d8cbb5;padding:11vw 7vw}.facts h3{font-size:60px;margin:45px 0 80px}.factrow{border-top:1px solid #0004;padding:20px 0;display:flex;justify-content:space-between;align-items:end}.factrow span{font-family:"Playfair Display";font-size:50px}.factrow small{letter-spacing:.2em}
.gallery{padding:150px 0}.gallery-title{padding:0 8vw 70px}.gallery-track{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:18px;padding-left:8vw;overflow:hidden}.g{height:620px}.g1{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1600&q=90')}.g2{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1300&q=90')}.g3{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1300&q=90')}
.experience{height:900px;position:relative;color:white}.exp-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1540541338287-41700207dee6?auto=format&fit=crop&w=2200&q=90');background-attachment:fixed}.exp-copy{position:absolute;left:8vw;bottom:10vh;width:min(850px,84vw)}.exp-copy h2,.stay h2{font-size:clamp(55px,7vw,105px)}.services{display:flex;flex-wrap:wrap;gap:10px;margin-top:55px}.services span{border:1px solid #fff7;padding:12px 17px;font-size:10px;text-transform:uppercase;letter-spacing:.15em}
.island{padding:150px 8vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.island-copy p:last-child{max-width:460px;line-height:1.8;margin-top:45px}.p2{height:720px;background-image:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600&q=90')}
.stay{background:#171713;color:#f3efe5;text-align:center;padding:170px 6vw}.stay .cta{display:inline-flex;gap:80px;margin-top:65px;border:1px solid #ffffff55;padding:20px 25px;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.demo{opacity:.45;font-size:9px;margin-top:55px;letter-spacing:.12em;text-transform:uppercase}
footer{background:#171713;color:#f3efe5;border-top:1px solid #ffffff20;padding:35px 5vw;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.2em}
#intro{position:fixed;z-index:99;inset:0;background:#11110e;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:leave 1s 2.2s forwards}.intro-word{font-family:"Playfair Display";font-size:clamp(60px,10vw,140px);letter-spacing:.2em;opacity:0;animation:appear 1s .25s forwards}.intro-line{height:1px;width:0;background:var(--champ);margin-top:25px;animation:line 1.2s .8s forwards}
.reveal{opacity:0;transform:translateY(30px);transition:1s ease}.reveal.visible{opacity:1;transform:none}
@keyframes appear{to{opacity:1}}@keyframes line{to{width:70vw}}@keyframes leave{to{opacity:0;visibility:hidden}}@keyframes slow{from{transform:scale(1.08)}to{transform:scale(1)}}
@media(max-width:800px){.nav{padding:22px}.nav nav{display:none}.book{font-size:8px;padding:10px}.hero-copy{left:7vw;bottom:12vh}.manifesto{padding:100px 7vw;display:block}.manifesto .num{margin-bottom:35px}.lead{font-size:18px}.feature-grid{display:block}.p1{height:65vh}.facts{padding:90px 7vw}.facts h3{font-size:48px}.gallery{padding:100px 0}.gallery-title{padding:0 7vw 45px}.gallery-track{display:flex;overflow-x:auto;padding-left:7vw}.g{min-width:78vw;height:58vh}.experience{height:78vh}.exp-bg{background-attachment:scroll}.island{padding:100px 7vw;display:flex;flex-direction:column}.p2{height:65vh;width:100%}.stay{padding:120px 7vw}.stay .cta{gap:30px}footer{gap:18px;flex-direction:column}}