@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600&display=swap');
@import url('journey.css');
:root{--paper:#f7f5f0;--ink:#202723;--gold:#a99061;--line:#d8d7cf;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9c773c;outline-offset:5px}.skip{position:fixed;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:0}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper);gap:24px}.wordmark{font:italic 46px/.95 var(--serif);letter-spacing:-2px}.wordmark span{display:block;font:9px/1 var(--sans);letter-spacing:2px;margin-top:11px}nav{display:flex;gap:34px;font-size:14px}.header-cta{border-bottom:1px solid var(--gold);padding:8px 0;font-size:14px}.hero{height:min(790px,82vh);min-height:560px;position:relative;color:white;background:#323b41}.hero>img{object-position:center 47%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,24,30,.65),rgba(12,24,30,.04)),linear-gradient(0deg,rgba(12,24,30,.44),transparent 40%)}.hero-copy{position:absolute;left:8%;top:15%}.eyebrow{font-size:12px;letter-spacing:2.7px;font-weight:500;margin:0 0 25px}.hero h1{font:400 clamp(76px,8vw,126px)/.92 var(--serif);letter-spacing:-2px;margin:0 0 28px}em{font-weight:400}.hero-copy>p:not(.eyebrow){font-size:17px;margin:0 0 35px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:15px 27px;border:1px solid transparent;font-size:13px;letter-spacing:.5px;transition:background .2s}.light{background:var(--paper);color:var(--ink)}.light:hover{background:white}.dark{background:var(--ink);color:white}.dark:hover{background:#3c473f}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px}.wrap{max-width:1440px;padding-left:7%;padding-right:7%;margin:auto}.intro{padding-top:120px;padding-bottom:100px;display:grid;grid-template-columns:1fr 2fr;position:relative}.intro>.eyebrow{padding-top:17px;color:#706f60}.intro h2,h2{font:400 clamp(42px,4.5vw,66px)/1.02 var(--serif);letter-spacing:-1px;margin:0 0 28px}.intro>div>p{max-width:540px;color:#62655e;line-height:1.85}.intro-index{grid-column:2;margin-top:25px;font-size:11px;letter-spacing:2px;color:#777a70}.collection{padding-bottom:120px}.section-head{border-top:1px solid var(--line);padding-top:45px;display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:30px}.section-head h2{margin-bottom:0}.section-head>p{color:#73766e;font-size:14px}.section-head .eyebrow{color:#767363;margin-bottom:20px}.properties{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.property.offset{padding-top:75px}.photo{display:block;border:0;padding:0;width:100%;height:430px;position:relative;overflow:hidden;background:#ddd}.photo img{transition:transform .6s}.photo:hover img{transform:scale(1.035)}.photo span{position:absolute;bottom:20px;left:20px;font-size:10px;letter-spacing:2px;color:white;background:#202723c9;padding:10px 15px}.property-line{display:flex;align-items:center;gap:17px;font-size:11px;letter-spacing:1.3px;margin-top:16px}.property-line>span{color:#929181}.property h3{margin:0;font:400 38px/1.2 var(--serif)}.property h3 button{font:inherit;background:none;border:0;padding:0;text-align:left}.property>p{font-size:14px;color:#6b6c63;line-height:1.75;max-width:320px}.feature{display:grid;grid-template-columns:1fr 1fr;background:#202923;color:#f5f2e9}.feature-photo{min-height:760px}.feature-copy{padding:90px 13%}.feature-copy>.eyebrow{color:#c5b78f}.feature-copy>p:not(.eyebrow){color:#bfc5bc;font-size:15px;margin-bottom:38px}.feature-detail{display:flex;gap:24px;border-top:1px solid #475048;padding:18px 0}.feature-detail>span{font-size:12px;color:#bda876;padding-top:5px}.feature-detail p{margin:0;color:#bcc3b9;font-size:14px}.feature-detail strong{font-weight:500;color:#f5f2e9}.text-link{background:none;border:0;border-bottom:1px solid var(--gold);padding:6px 0;display:inline-block;font-size:14px;margin-top:20px}.destinations{padding-top:100px;padding-bottom:110px}.destination-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.destination{height:460px;position:relative;border:0;padding:0;text-align:left;color:white;overflow:hidden}.destination:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101d24c9,transparent 75%)}.destination>div{position:absolute;bottom:36px;left:36px;z-index:1}.destination span{font-size:11px;letter-spacing:2px}.destination h3{font:400 58px/1 var(--serif);margin:15px 0}.destination p{font-size:13px}.enquiry{padding:95px 7%;text-align:center;background:#eeece4}.enquiry>.eyebrow{color:#78715e}.enquiry>p{font-size:15px;color:#686b62}.enquiry h2{font-size:76px}form{max-width:1050px;margin:45px auto 0}.fields{display:grid;grid-template-columns:2fr 1.3fr 1.3fr .7fr;gap:16px;margin-bottom:26px;text-align:left}label{font-size:12px;letter-spacing:.5px;display:block}input,select,textarea{display:block;width:100%;border:1px solid #c4c4b9;background:transparent;padding:13px 12px;color:var(--ink);border-radius:0;font-size:14px;margin-top:9px;min-height:50px}.form-note{font-size:12px;color:#74766a;max-width:520px;margin:20px auto}.enquiry-result{text-align:left}#enquiry-result{max-width:650px;margin:30px auto;text-align:left}footer{padding:65px 7% 30px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}footer>.wordmark{font-size:58px}footer>p{text-align:right;font:italic 27px var(--serif)}footer>div{display:flex;gap:25px;font-size:13px}footer small{text-align:right;font-size:11px;color:#777}dialog{border:0;padding:0;width:min(1100px,94vw);max-height:92vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#111a18c9;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:10px;z-index:2;border:0;background:var(--paper);width:42px;height:42px;font-size:30px;line-height:1}.gallery-layout{display:grid;grid-template-columns:1.4fr 1fr}.gallery-media{background:#ddd}.gallery-media>img{height:560px}.gallery-controls{display:flex;align-items:center;justify-content:space-between;background:var(--paper);padding:15px}.gallery-controls button{border:0;background:none;font-size:14px;padding:10px}.gallery-controls span{font-size:12px}.gallery-info{padding:75px 35px 35px}.gallery-info h2{font-size:48px}.gallery-info>p:not(.eyebrow){font-size:15px;color:#666c61}.gallery-tags{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;font-size:13px}.gallery-note{margin:28px 0}body:has(dialog[open]){overflow:hidden}@media(max-width:900px){nav{gap:18px}header{padding:0 4%}.wordmark span{display:none}.properties{gap:20px}.photo{height:330px}.feature-copy{padding:65px 9%}.feature-photo{min-height:650px}.fields{grid-template-columns:1fr 1fr}.gallery-layout{grid-template-columns:1fr}.gallery-media>img{height:44vh}.gallery-info{padding:30px}.gallery-info h2{font-size:40px}.destination{height:370px}}@media(max-width:600px){header{height:80px}.wordmark{font-size:40px}nav{display:none}.header-cta{font-size:12px}.hero{height:650px;min-height:0;max-height:85svh}.hero-copy{left:7%;top:20%}.hero h1{font-size:78px}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.5px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-bottom{font-size:9px;letter-spacing:1px;gap:20px}.hero-bottom span:last-child{max-width:110px;text-align:right}.intro{display:block;padding-top:65px;padding-bottom:60px}.intro h2,h2{font-size:46px}.intro-index{display:block}.section-head{display:block;padding-top:30px}.section-head>p{margin-top:20px}.properties{grid-template-columns:1fr;gap:42px}.property.offset{padding-top:0}.photo{height:460px}.property>p{max-width:none}.collection{padding-bottom:65px}.feature{grid-template-columns:1fr}.feature-photo{height:460px;min-height:0}.feature-copy{padding:55px 7%}.destination-grid{grid-template-columns:1fr}.destination{height:390px}.destinations{padding-top:60px;padding-bottom:65px}.destination h3{font-size:49px}.enquiry{padding:60px 7%}.enquiry h2{font-size:62px}.fields{grid-template-columns:1fr 1fr}.fields label:first-child{grid-column:1/-1}.fields label:last-child{max-width:120px}footer{padding-top:45px}footer>div{flex-direction:column;gap:10px}.gallery-info .eyebrow{font-size:11px}.gallery-media>img{object-fit:contain;background:#e8e6df}.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand-logo{display:block;width:115px;height:90px;overflow:hidden;flex-shrink:0;position:relative}.brand-logo img{position:absolute;width:175%;height:175%;max-width:none;left:-37.5%;top:-37.5%;object-fit:contain;mix-blend-mode:multiply}.footer-logo{width:155px;height:140px}@media(max-width:600px){.brand-logo{width:90px;height:72px}.footer-logo{width:130px;height:120px}}
/* Apartment views */
.hero{overflow:hidden}
.hero-slides{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;opacity:0;object-position:center 47%;transition:opacity 1.2s ease}
.hero-slide.is-active{opacity:1}
.hero-slide:nth-child(3){object-position:65% center}
.hero-navigation{display:flex;align-items:center;gap:26px}
.hero-controls{display:flex;align-items:center;gap:12px;white-space:nowrap}
.hero-controls button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#12202930;color:white;font:20px Arial;cursor:pointer;transition:background .2s}
.hero-controls button:hover{background:#ffffff28}
.hero-controls button:focus-visible{outline:2px solid white;outline-offset:4px}
#hero-count{font-size:10px;letter-spacing:2px}
#hero-pause{font-size:14px;width:32px;height:32px}
@media(max-width:600px){.hero-bottom{align-items:flex-end;bottom:22px}.hero-navigation{flex-direction:column;align-items:flex-end;gap:12px}.hero-bottom #hero-caption{max-width:none;font-size:8px}.hero-controls{gap:10px}.hero-bottom>span{max-width:80px;line-height:1.8}.hero-controls #hero-count{max-width:none}}

@media(min-width:901px){.properties{grid-template-columns:repeat(2,minmax(0,1fr))}}
