@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600&display=swap');
:root{--paper:#f7f5ef;--ink:#173b43;--muted:#627071;--sand:#e9e3d7;--line:#d9dcd5;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.8}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #aa8151;outline-offset:5px}button{border:0;background:none}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1;letter-spacing:-.045em}h2{font-size:clamp(39px,4.5vw,66px);margin-bottom:25px}h3{font-size:32px}em{font-weight:400}p{color:var(--muted)}.wrap{max-width:1280px;width:calc(100% - 112px);margin:auto}.eyebrow{font-size:10px;letter-spacing:.21em;font-weight:600;margin-bottom:25px;line-height:1.6;color:inherit}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;background:var(--ink);color:white;padding:16px 26px;font-size:12px;letter-spacing:.035em;transition:background .2s,transform .2s}.button:hover{background:#345861;transform:translateY(-2px)}.button.light{background:var(--paper);color:var(--ink)}.button.outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}.textlink{display:inline-block;border-bottom:1px solid #92a09a;padding:8px 0;font-size:12px}.textlink:hover{color:#a47c49}header{height:98px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 48px;position:sticky;top:0;z-index:30;border-bottom:1px solid #eee}.brand{font-family:var(--serif);font-size:27px;letter-spacing:.17em;line-height:1.2;white-space:nowrap}.brand span{display:block;font:8px 'DM Sans',Arial;letter-spacing:.22em;margin-top:9px}nav{display:flex;gap:29px;align-items:center}nav>a:not(.button){font-size:12px}nav>a:hover{opacity:.7}nav #language{font-size:11px;border-left:1px solid #c9cec7;padding-left:22px}.button.small{padding:12px 20px;gap:0}.menutoggle{display:none}.hero{position:relative;height:min(740px,calc(100svh - 98px));min-height:580px;margin:0 20px;isolation:isolate;color:#fff}.heroimg{position:absolute;height:100%;object-position:50% 48%;z-index:-2}.heroshade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,36,.6),rgba(7,31,36,.12) 72%),linear-gradient(0deg,rgba(4,29,33,.25),transparent 35%);z-index:-1}.herocopy{padding:105px 6.5% 80px}.herocopy h1{font-size:clamp(60px,6.6vw,100px);margin-bottom:26px;line-height:1.03}.herocopy p:not(.eyebrow){color:#fff;line-height:1.8;font-size:15px;margin-bottom:31px}.herocopy .eyebrow{color:#fff}.scroll{position:absolute;left:6.5%;bottom:35px;font-size:9px;letter-spacing:.17em;display:flex;gap:35px;align-items:center}.scroll span{font-size:22px}.heronote{position:absolute;right:35px;bottom:40px;font-size:8px;letter-spacing:.18em}.facts{max-width:1160px;width:calc(100% - 160px);margin:0 auto;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:28px 0;gap:20px}.facts>span{display:flex;gap:13px;align-items:center}.facts strong{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1}.facts small{font-size:11px;color:var(--muted)}.facts>a{border-left:1px solid var(--line);padding-left:40px;font-size:12px}.facts b{margin-left:22px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:115px;padding-bottom:75px}.introtext{padding-top:20px}.introtext p{font-size:14px;line-height:1.95}.editorial{display:grid;grid-template-columns:1.65fr 1fr;align-items:start;gap:7%;padding-bottom:110px}.editorialphoto{position:relative}.editorialphoto img{height:660px}.phototag{position:absolute;bottom:24px;left:26px;font-size:9px;color:#fff;letter-spacing:.18em;text-shadow:0 1px 4px #000}.editorialside{padding-top:80px}.editorialside img{height:310px;margin-bottom:32px}.editorialside h3{margin-bottom:16px}.editorialside p{font-size:13px}.living{background:#eaece5;padding:90px 0 46px}.livinghead{display:grid;grid-template-columns:1.25fr 1fr;column-gap:12%;align-items:end}.livinghead .eyebrow{grid-column:1/-1}.livinghead p:not(.eyebrow){font-size:13px;padding-bottom:18px}.livingphotos{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:18px;margin-top:25px}.livingphotos img{height:405px}.amenities{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-top:1px solid #cbd2ca;margin-top:40px;padding-top:30px;font-size:11px}.amenities span:before{content:'✧';margin-right:10px}.rooms{padding-top:110px;padding-bottom:100px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:35px}.sectionhead>p{max-width:360px;font-size:13px}.roomgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.roomgrid article img{height:350px;object-position:center}.photoopen{padding:0;display:block;width:100%;position:relative;overflow:hidden}.photoopen img{transition:transform .6s}.photoopen:hover img{transform:scale(1.04)}.photoopen span{position:absolute;bottom:10px;right:10px;background:#f7f5ef;padding:2px 12px}.roomgrid small{display:block;margin:19px 0 9px;font-size:10px;color:#86938c}.roomgrid h3{font-size:25px;letter-spacing:-.04em;margin-bottom:10px}.roomgrid p{font-size:12px}.bathstrip{margin-top:65px;border-top:1px solid var(--line);padding-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.bathstrip img{height:310px;object-position:center 57%}.bathstrip h3{font-size:35px}.bathstrip p:not(.eyebrow){font-size:13px;max-width:370px}.gallerysection{padding:95px 0;background:#eee9df}.filters{display:flex;gap:28px;flex-wrap:wrap;margin:30px 0}.filters button{padding:6px 0;font-size:11px;border-bottom:1px solid transparent}.filters button.active{border-bottom-color:var(--ink);font-weight:600}.gallerygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallerygrid button{padding:0;position:relative;overflow:hidden}.gallerygrid img{height:295px;transition:transform .5s}.gallerygrid button:hover img{transform:scale(1.035)}.gallerygrid button span{position:absolute;left:14px;bottom:12px;color:#fff;font-size:11px;background:#14343bad;padding:2px 9px}.gallerybottom{display:flex;align-items:center;justify-content:space-between;margin-top:30px;font-size:11px}.island{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;padding-top:110px;padding-bottom:110px}.island>img{height:570px}.island p:not(.eyebrow){font-size:13px}.island .address{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.caption{display:block;margin-top:22px;font-size:10px;color:var(--muted)}.reservation{background:#163b43;color:#f6f2e9;text-align:center;padding:90px 0 55px}.reservation p{color:#d1dbd9}.reservation .eyebrow{color:#cad7d2}.reservation h2{font-size:clamp(44px,5vw,72px)}.reservetext{font-size:13px}.bookingtop{margin-top:45px;display:flex;justify-content:space-between;background:#e9e3d7;color:#1d4146;padding:17px 22px;font-size:9px;letter-spacing:.15em}.bookingbox{padding:24px;background:#fff;min-height:390px;text-align:left;color:#173b43}#apartmentIframeAll iframe{width:100%;border:0;min-height:470px}.bookinghelp{font-size:11px;margin-top:17px}.bookinghelp a{text-decoration:underline}.reservebottom{display:flex;justify-content:space-between;text-align:left;gap:30px;margin-top:35px;border-top:1px solid #497075;padding-top:25px}.reservebottom p{font-size:11px}.reservebottom a{display:block;color:white;font-size:13px;margin-top:5px}footer{padding:65px 0 25px}.footergrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.footergrid p,.footergrid>div a{font-size:11px;display:block}.footbottom{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px}.footbottom button{font-size:10px;padding:0}.footbottom>span{color:var(--muted)}dialog{border:0;padding:0}dialog::backdrop{background:#0d252af2}#lightbox{background:none;color:white;width:100vw;max-width:100vw;height:100svh;max-height:100svh;overflow:hidden;margin:0}#lightbox figure{margin:35px 65px 0;height:calc(100svh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center}#largephoto{height:calc(100% - 50px);width:100%;object-fit:contain}#largecaption{text-align:center;padding:10px;font-size:12px}dialog .close{position:absolute;right:20px;top:10px;font-size:35px;z-index:2}#lightbox .prev,#lightbox .next{position:absolute;top:48%;font-size:30px;padding:10px}.prev{left:10px}.next{right:10px}#privacydialog{max-width:600px;width:calc(100% - 35px);padding:50px;background:var(--paper);color:var(--ink)}#privacydialog h2{font-size:35px}#privacydialog p{font-size:13px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}
@media(min-width:1550px){.hero{height:800px}.herocopy{max-width:1400px;margin:auto;padding-top:140px}}@media(max-width:1100px){header{padding:0 25px}nav{gap:18px}.wrap{width:calc(100% - 64px)}.facts{width:calc(100% - 80px)}.facts>a{padding-left:20px}.intro{gap:50px}.editorialphoto img{height:560px}.roomgrid{gap:15px}.roomgrid article img{height:300px}.roomgrid h3{font-size:22px}.livingphotos img{height:340px}.sectionhead{gap:40px}.gallerygrid img{height:250px}.bathstrip{gap:40px}}
@media(max-width:780px){html{scroll-padding-top:80px}header{height:78px;padding:0 21px}.brand{font-size:23px}.brand span{font-size:7px}.menutoggle{display:block;font-size:23px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:stretch;box-shadow:0 10px 20px #0001}nav.open{display:flex}nav #language{border:0;text-align:left;padding:0}.hero{margin:0 9px;min-height:570px;height:calc(86svh - 78px)}.heroimg{object-position:60% center}.heroshade{background:linear-gradient(90deg,#0a292d8c,#0a292d1c),linear-gradient(0deg,#0a292d55,transparent)}.herocopy{padding:90px 27px 60px}.herocopy h1{font-size:58px;line-height:1.05}.herocopy p:not(.eyebrow){font-size:13px}.herocopy .eyebrow{font-size:9px}.scroll{left:27px;bottom:23px}.heronote{display:none}.facts{width:calc(100% - 42px);display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:27px 0}.facts strong{font-size:29px}.facts small{font-size:10px}.facts>a{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:17px 0 0;display:flex;justify-content:space-between}.wrap{width:calc(100% - 42px)}.intro{padding:65px 0 40px;display:block}.introtext{padding-top:5px}h2{font-size:43px}.eyebrow{font-size:9px;margin-bottom:20px}.introtext p{font-size:13px}.editorial{display:block;padding-bottom:60px}.editorialphoto img{height:460px}.editorialside{padding-top:30px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:start}.editorialside img{height:240px;grid-row:1/3;margin:0}.editorialside h3{padding-top:20px;font-size:29px}.editorialside p{font-size:12px}.phototag{font-size:8px;left:18px}.living{padding:60px 0 30px}.livinghead{display:block}.livinghead p:not(.eyebrow){padding:0}.livingphotos{grid-template-columns:1fr 1fr;gap:10px}.livingphotos img{height:280px}.livingphotos img:first-child{grid-column:1/-1;height:390px}.amenities{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:15px;margin-top:25px;padding-top:23px}.rooms{padding:65px 0}.sectionhead{display:block;margin-bottom:30px}.sectionhead>p{max-width:none}.roomgrid{grid-template-columns:1fr 1fr;gap:30px 14px}.roomgrid article img{height:300px}.roomgrid h3{font-size:24px}.roomgrid small{margin-top:15px}.roomgrid p{font-size:11px}.bathstrip{margin-top:40px;padding-top:35px;gap:24px;grid-template-columns:.85fr 1fr}.bathstrip img{height:290px}.bathstrip h3{font-size:28px}.bathstrip p:not(.eyebrow){font-size:12px}.gallerysection{padding:60px 0}.filters{gap:15px;margin:23px 0}.filters button{font-size:10px}.gallerygrid{grid-template-columns:1fr 1fr;gap:10px}.gallerygrid img{height:230px}.gallerygrid button span{font-size:9px;left:7px;bottom:7px;padding:1px 6px}.gallerybottom{font-size:10px}.gallerybottom .button{font-size:10px;padding:12px 17px}.island{padding:65px 0;display:block}.island>img{height:360px;margin-bottom:35px}.reservation{padding:60px 0 35px}.reservation h2{font-size:44px}.bookingtop{padding:13px 12px;gap:10px;font-size:8px;margin-top:30px}.bookingbox{padding:4px}.reservebottom{display:block}.reservebottom p{margin-bottom:25px}.bookinghelp{font-size:10px}.footergrid{grid-template-columns:1fr;gap:22px}.footergrid .brand{margin-bottom:10px}.footbottom{gap:15px;font-size:9px}.footbottom button{font-size:9px}footer{padding-top:45px}#lightbox figure{margin:45px 30px 0;height:calc(100svh - 100px)}#lightbox .prev,#lightbox .next{font-size:22px;padding:5px}.prev{left:0}.next{right:0}#privacydialog{padding:35px 25px}}@media(max-width:420px){.herocopy h1{font-size:49px}.roomgrid article img{height:255px}.roomgrid h3{font-size:21px}.gallerygrid img{height:190px}.bathstrip{display:block}.bathstrip img{height:270px;margin-bottom:25px}.editorialside{display:block}.editorialside img{height:300px}.editorialphoto img{height:370px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
