@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);--paper:#f6f3ec;--ink:#28372e;--accent:#53644b;--line:#d9dcd1;--card:#fffdf8}a{color:inherit}button,input{font:inherit}button,a,input{outline-offset:5px}.preview{padding:10px 5%;font-size:11px;letter-spacing:.09em;text-transform:uppercase;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;gap:15px}nav{display:flex;align-items:center;justify-content:space-between;padding:25px 6%;border-bottom:1px solid var(--line);gap:25px}.brand{text-decoration:none;display:flex;align-items:center;gap:15px;font-family:'Playfair Display',serif;font-size:21px;line-height:1.2}.brand img{width:70px;max-height:65px;object-fit:contain}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.22em;margin-top:8px}.links{display:flex;gap:30px;align-items:center;font-size:13px}.links a{text-decoration:none}.button,button{display:inline-block;border:1px solid var(--accent);padding:15px 23px;background:var(--accent);color:white;text-decoration:none;cursor:pointer;font-size:13px;border-radius:2px}.outline{background:transparent;color:var(--ink);border-color:var(--line)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600}h1,h2,h3{font-family:'Playfair Display',serif;font-weight:400}h1{font-size:clamp(46px,5.5vw,83px);line-height:1.08;margin:24px 0}h2{font-size:clamp(32px,3.5vw,48px);line-height:1.15;margin:12px 0 25px}h3{font-size:27px;margin:18px 0 10px}p{line-height:1.8;font-size:14px}section{padding:75px 7%}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px 6% 70px;gap:6%}.hero-copy{max-width:560px}.hero-copy p{max-width:390px}.hero-photo{position:relative}.hero-photo img{width:100%;height:540px;object-fit:cover;border-radius:180px 180px 0 0}.caption{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:14px;display:flex;justify-content:space-between}.booking{margin:0 6%;padding:32px;background:var(--card);border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:45px;position:relative}.booking>div+div{border-left:1px solid var(--line);padding-left:45px}.booking h3{font-size:25px;margin:0 0 12px}.booking p{font-size:12px;margin:0 0 18px}.fields{display:flex;gap:10px;align-items:end;flex-wrap:wrap}label{font-size:11px;display:flex;flex:1;flex-direction:column;gap:8px;min-width:100px}input{width:100%;background:transparent;border:1px solid var(--line);padding:13px;color:var(--ink);min-height:45px;border-radius:2px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.section-head p{max-width:370px}.rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.room img{width:100%;height:220px;object-fit:cover}.room p{font-size:13px;margin:0}.room .detail{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;font-size:11px}.note{margin:22px 6% 0;padding:15px 22px;border:1px solid var(--line);font-size:12px;line-height:1.7}.note a{text-underline-offset:3px}.stay{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:var(--card)}.stay img{width:100%;height:330px;object-fit:cover}.facts{display:flex;gap:40px;margin:30px 0}.facts strong{display:block;font-family:'Playfair Display',serif;font-size:25px;font-weight:400}.facts span{font-size:11px}footer{padding:35px 6%;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:12px}footer a{margin-left:18px}dialog{max-width:460px;border:1px solid var(--line);padding:32px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#0008}dialog h2{font-size:32px}.modern{--paper:#fff;--ink:#233f40;--accent:#23716b;--line:#dbe5e4;--card:#eef5f3}.modern h1,.modern h2,.modern h3{font-family:'DM Sans',sans-serif;letter-spacing:-.055em;font-weight:500}.modern .hero{display:block;position:relative;min-height:600px;margin:25px 3% 0;padding:75px 5%;color:white;background:linear-gradient(90deg,#122d30ee,#122d3010),url('../imgs/guest-accommodation.jpg') center/cover;border-radius:12px}.modern .hero-copy{position:relative;max-width:600px}.modern .hero-photo{display:none}.modern .booking{margin-top:-55px;border:0;box-shadow:0 20px 50px #213b3b14;border-radius:12px}.modern .room img{border-radius:9px}.modern .stay{margin:0 6% 60px;border-radius:15px;padding:45px}.modern .stay img{border-radius:10px}.modern .button,.modern button,.modern input{border-radius:6px}.dark{--paper:#171d1a;--ink:#efe9dc;--accent:#a88a53;--line:#3d443c;--card:#222a24}.dark .brand img{filter:brightness(0) invert(1)}.dark .hero{grid-template-columns:1.05fr 1fr;padding-top:60px}.dark h1{font-size:clamp(50px,6vw,88px)}.dark .hero-photo img{border-radius:0;height:550px}.dark .hero-photo:before{content:'';position:absolute;inset:20px -15px -15px 20px;border:1px solid var(--accent);z-index:-1}.dark .eyebrow{color:#cab484}.dark .booking{border-color:var(--accent)}.dark .room img{filter:saturate(.65)}.dark .stay{background:transparent;border-top:1px solid var(--line)}.dark input{color-scheme:dark}.dark .button,.dark button{color:#171d1a}.dark .outline{color:var(--ink)}@media(max-width:800px){nav{padding:18px 6%}.links a:not(.button){display:none}.brand{font-size:16px}.brand img{width:45px}.hero,.dark .hero{grid-template-columns:1fr;padding:35px 6%;gap:30px}.hero-photo img,.dark .hero-photo img{height:350px;border-radius:100px 100px 0 0}.booking{grid-template-columns:1fr;padding:24px;gap:25px}.booking>div+div{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.rooms{grid-template-columns:1fr}.room img{height:280px}.section-head{display:block}.stay{grid-template-columns:1fr;gap:30px}section{padding:50px 6%}.modern .hero{min-height:560px;padding:45px 7% 100px}.modern .booking{margin-top:-50px}.modern .stay{padding:25px}.preview{font-size:9px}.facts{gap:25px}.dark .hero-photo:before{inset:12px -8px -8px 12px}}