@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');
:root{--ink:#232a27;--muted:#707772;--cream:#f7f5ef;--sand:#e7dcc8;--line:#e5e2da;--gold:#ae9369;--green:#30463d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:DM Sans,Arial;background:#fff}a{text-decoration:none;color:inherit}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.logo{font:23px 'Playfair Display';letter-spacing:4px}.logo small{display:block;text-align:center;font:6px DM Sans;letter-spacing:3px;margin-top:3px}nav{display:flex;gap:28px;align-items:center;font-size:8px;letter-spacing:1.2px;text-transform:uppercase}nav .book{background:var(--sand);padding:13px 18px}.hero{height:700px;background:linear-gradient(90deg,#fffef8e8 0,#fffef890 28%,transparent 65%),url('https://res.klook.com/image/upload/fl_lossy.progressive,q_85/c_fill,w_1600/v1635232262/blog/yussbhz0zippjzdpctxe.jpg') center/cover;position:relative}.hero-copy{position:absolute;left:7%;top:155px;max-width:560px}.hero-copy small,.intro small,.experience small,.rooms small,.split small,.info small,.cta small{font-size:8px;letter-spacing:2px;color:var(--gold)}h1{font:400 62px/1.02 'Playfair Display';margin:18px 0}h1 i{color:var(--gold)}p{font-size:13px;line-height:1.9;color:var(--muted)}.hero-copy p{max-width:500px}.btn{display:inline-block;background:var(--green);color:#fff;padding:14px 21px;font-size:8px;letter-spacing:1px;text-transform:uppercase;margin-top:12px}.quick{display:grid;grid-template-columns:repeat(6,1fr);padding:32px 6%;border-bottom:1px solid var(--line)}.quick div{text-align:center;border-right:1px solid var(--line);padding:6px 10px}.quick div:last-child{border:0}.quick b,.quick span{display:block}.quick b{font-size:8px}.quick span{font-size:7px;color:#888;margin-top:5px}.intro,.rooms,.info{padding:95px 7%;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.intro h2,.rooms h2,.info h2,.split h2{font:400 43px/1.08 'Playfair Display';margin:10px 0}.intro a{font-size:8px;text-transform:uppercase;letter-spacing:1px}.gallery{padding:0 7% 100px;display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:14px}.gallery img{width:100%;height:300px;object-fit:cover;cursor:pointer}.gallery img:first-child{height:614px;grid-row:span 2}.experience{text-align:center;background:var(--cream);padding:90px 10%}.experience h2{font:400 39px 'Playfair Display'}.experience p{max-width:680px;margin:auto}.rooms{background:#fff}.roomlist{border-top:1px solid var(--line)}.room{display:grid;grid-template-columns:35px 1.4fr 1fr 45px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.room em{font-size:8px;color:#aaa;font-style:normal}.room b{font:400 18px 'Playfair Display'}.room span,.room strong{font-size:8px;color:#777}.room strong{text-align:right;color:var(--green)}.split{display:grid;grid-template-columns:1fr 1fr}.splitimg{min-height:560px;background:url('https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=1500&q=90') center/cover}.split>div:last-child{padding:90px 12%;background:var(--cream)}.facts{border-top:1px solid var(--line)}.facts div{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid var(--line);padding:15px 0}.facts b{font-size:8px;text-transform:uppercase;letter-spacing:1px}.facts span{font-size:10px;color:#777;line-height:1.7}.cta{text-align:center;background:#e8ddca;padding:90px 10%}.cta h2{font:400 50px 'Playfair Display';margin:12px 0}.cta p{margin:0}footer{padding:30px 7%;font-size:7px;letter-spacing:1px;color:#777;text-transform:uppercase}.light{position:fixed;inset:0;background:#111e;display:none;align-items:center;justify-content:center;z-index:100}.light.open{display:flex}.light img{max-width:90%;max-height:85%;object-fit:contain}.light span{position:absolute;right:30px;top:20px;color:#fff;font-size:30px}
@media(max-width:800px){nav a:not(.book){display:none}.hero{height:680px}.hero-copy{left:7%;right:7%}h1{font-size:48px}.quick{grid-template-columns:repeat(3,1fr);gap:20px}.quick div:nth-child(3){border:0}.intro,.rooms,.info{grid-template-columns:1fr;gap:35px}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-column:1/-1;height:460px;grid-row:auto}.split{grid-template-columns:1fr}.splitimg{min-height:420px}.room{grid-template-columns:28px 1fr 1fr 30px}}
@media(max-width:520px){.quick{grid-template-columns:1fr 1fr}.quick div:nth-child(3){border-right:1px solid var(--line)}.gallery{grid-template-columns:1fr}.gallery img:first-child{height:340px}.gallery img{height:280px}.intro,.rooms,.info{padding:65px 7%}.split>div:last-child{padding:65px 7%}.facts div{grid-template-columns:120px 1fr}.cta h2{font-size:38px}}