@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;1,500&family=Montserrat:wght@300;400;600&display=swap');
:root{--dark:#081d1b;--deep:#102925;--gold:#d8b46b;--cream:#f2eee5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--dark);color:var(--cream);font:300 14px Montserrat,sans-serif}
a{text-decoration:none;color:inherit}
section>div>span,.head span{color:var(--gold);font-size:9px;letter-spacing:4px}
h2{font:500 clamp(54px,7vw,100px)/.85 'Cormorant Garamond';letter-spacing:-2px;margin:28px 0}
em{color:var(--gold);font-weight:500}
.btn{min-height:52px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:2px;font-size:9px;font-weight:600;border:0;cursor:pointer;transition:.3s}
.fill{background:var(--gold);color:var(--dark)}
.fill:hover{background:#efcf91;transform:translateY(-2px)}
.line{border:1px solid #ffffff66}
section{padding:115px 8vw}
.light{background:var(--cream);color:var(--dark)}
.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw}
.intro h2,.booking h2,.head h2,.location h2{font-size:clamp(47px,5vw,78px)}
.intro>div:last-child{padding-top:55px}
.intro p,.head p,.booking p,.location p{color:#63706a;line-height:1.9}
.stats{display:flex;justify-content:space-between;border-top:1px solid #cbc6bb;padding-top:28px;margin-top:40px}
.stats b{font:500 18px 'Cormorant Garamond'}
.stats small{display:block;font:400 8px Montserrat;letter-spacing:1px;color:#6b7771}
.booking{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:var(--deep)}
.booking aside{border-left:1px solid var(--gold);padding-left:18px;margin-top:30px}
.booking aside small{display:block;color:#9da8a3;margin-top:8px}
form{background:var(--cream);color:var(--dark);padding:44px}
label{display:block;font-size:8px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:22px;color:#4f5a55}
input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #bbb6ab;background:transparent;padding:13px 0;font:300 13px Montserrat;outline:0}
textarea{height:65px;resize:none}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.submit{width:100%;justify-content:space-between}
.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}
.head h2{margin-bottom:0}
.head p{max-width:390px}
.gallery{height:720px;display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:1fr 1fr;gap:14px}
.gallery figure{margin:0;overflow:hidden;position:relative}
.gallery img{width:100%;height:100%;object-fit:cover;transition:.7s}
.gallery figure:hover img{transform:scale(1.05)}
.g0{grid-row:span 2}
.g3{grid-column:span 2}
.gallery figcaption{position:absolute;inset:auto 0 0;padding:60px 20px 20px;background:linear-gradient(transparent,#071b19dd);color:var(--gold);font-size:8px}
.gallery figcaption b{display:block;color:white;font:500 19px 'Cormorant Garamond';margin-top:8px}
.videoGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.videoGrid iframe{width:100%;aspect-ratio:16/9;border:0}
.note{display:block;text-align:center;color:#71807a;font-size:8px;letter-spacing:1px;margin-top:18px}
.location{padding:0;display:grid;grid-template-columns:1.2fr .8fr}
.location>iframe{width:100%;height:100%;min-height:640px;border:0;filter:grayscale(1) sepia(.25)}
.location>div{padding:90px 6vw}
.location p b{font:500 21px/1.5 'Cormorant Garamond';color:var(--dark)}
.hours{display:flex;gap:40px;margin:30px 0}
.hours small{font-size:8px;letter-spacing:1px}
.hours b{display:block;font:500 18px 'Cormorant Garamond';margin-top:7px}
footer{padding:70px 8vw 25px;background:#061614}
.foot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8vw}
.foot img{width:320px;max-width:100%;height:auto}
.foot div{display:flex;flex-direction:column;gap:11px}
.foot small{font-size:8px;color:var(--gold);letter-spacing:2px}
.foot a{font:500 19px 'Cormorant Garamond'}
.copy{display:flex;justify-content:space-between;border-top:1px solid #ffffff15;padding-top:22px;margin-top:55px;color:#75817c;font-size:8px;letter-spacing:1px}
.wpp{position:fixed;right:22px;bottom:22px;z-index:30;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--dark);font-size:24px;box-shadow:0 10px 30px #0008}
@media(max-width:820px){
section{padding:80px 24px}
.intro,.booking,.location{grid-template-columns:1fr;gap:35px}
.intro>div:last-child{padding-top:0}
.cols{grid-template-columns:1fr;gap:0}
form{padding:28px 22px}
.head{display:block}
.gallery{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:310px 230px 280px}
.g0,.g3{grid-column:span 2;grid-row:auto}
.videoGrid{grid-template-columns:1fr}
.location>iframe{order:2;min-height:390px}
.location>div{padding:80px 24px}
.foot{grid-template-columns:1fr;gap:35px}
.copy{display:block;line-height:2}
}
@media(max-width:430px){
h2{font-size:46px!important}
.stats{flex-direction:column;gap:16px}
.gallery{grid-template-columns:1fr;grid-template-rows:repeat(4,300px)}
.g0,.g3{grid-column:auto}
.hours{gap:20px}
}