@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
:root{--gold:#d9a83e;--black:#090909;--cream:#f5f0e7;--muted:#aaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:'DM Sans',Arial,sans-serif}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:fixed;z-index:20;width:100%;background:rgba(5,5,5,.88);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff18}.brand{color:var(--gold);font:700 28px 'Playfair Display',serif;letter-spacing:2px;text-decoration:none}.brand span{font-size:20px}.brand small{display:block;color:#fff;font:500 9px 'DM Sans';letter-spacing:5px;text-align:center}nav{display:flex;align-items:center;gap:28px}nav a{color:#eee;text-decoration:none;font-size:14px}.navbook{border:1px solid var(--gold);padding:11px 18px}.menu{display:none;background:none;color:#fff;border:0;font-size:26px}.hero{height:100vh;min-height:650px;position:relative;background:url('images/2475b85f-6a2d-49b7-b192-4630341f294c.jpeg') center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 50%,rgba(0,0,0,.12) 100%)}.heroContent{position:absolute;left:8vw;top:50%;transform:translateY(-45%);max-width:700px}.eyebrow{color:var(--gold);letter-spacing:3px;font-size:12px;font-weight:700}.hero h1,.intro h2,.experience h2,.gallery h2,.about h2,.booking h2,.contact h2{font:700 clamp(38px,6vw,76px)/1.02 'Playfair Display',serif;margin:16px 0}.hero h1 em,.experience h2 em{color:var(--gold)}.heroContent>p:not(.eyebrow){max-width:560px;color:#ddd;font-size:18px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-block;padding:15px 22px;border:0;text-decoration:none;font-weight:700;cursor:pointer;font-size:14px}.gold{background:var(--gold);color:#080808}.outline{border:1px solid #fff;color:#fff}.intro,.gallery,.booking,.contact{padding:110px 8vw}.intro{background:var(--cream);color:#111}.intro h2,.gallery h2,.contact h2{font-size:clamp(34px,4vw,55px);max-width:800px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.cards article{padding:35px;border-top:2px solid var(--gold);background:#fff}.cards b{color:var(--gold)}.cards h3{font:700 26px 'Playfair Display'}.cards p{color:#555;line-height:1.9}.experience,.about{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.experience>div,.about>div:last-child{padding:100px 8vw;align-self:center}.experience p:not(.eyebrow),.about p{color:#bbb;line-height:1.9}.experience img{width:100%;height:100%;object-fit:cover}.textlink{color:var(--gold);font-weight:700;text-decoration:none}.gallery{background:#121212}.grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:300px 300px;gap:12px;margin-top:40px}.grid img{width:100%;height:100%;object-fit:cover}.grid img:first-child{grid-row:span 2}.grid img:nth-child(4){grid-column:2/4}.about{background:#0c0c0c}.poster img{width:100%;height:100%;object-fit:cover;object-position:top}.quote{font:italic 700 30px 'Playfair Display'!important;color:var(--gold)!important}.booking{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:var(--cream);color:#111}.booking h2{font-size:clamp(38px,5vw,62px)}form{background:#fff;padding:35px;box-shadow:0 10px 35px #0001}label{display:block;font-size:12px;font-weight:700;margin-bottom:18px}input,select{display:block;width:100%;padding:14px;margin-top:8px;border:1px solid #ddd;background:#fafafa;font:inherit}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}form .btn{width:100%}.contact{text-align:center}.contact h2{margin-left:auto;margin-right:auto}.contactgrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #333;border-bottom:1px solid #333}.contactgrid div{padding:30px 18px;border-right:1px solid #333}.contactgrid div:last-child{border:0}.contactgrid small{display:block;color:var(--gold);margin-bottom:12px}.contactgrid strong{font-size:16px}.contactgrid a{color:#fff;text-decoration:none}footer{text-align:center;padding:50px;background:#050505;color:#777}footer .brand{display:inline-block;margin-bottom:10px}.floating{position:fixed;right:22px;bottom:22px;width:55px;height:55px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:26px;z-index:30;box-shadow:0 8px 30px #0006}
@media(max-width:800px){header{height:70px;padding:0 5vw}.brand{font-size:22px}.menu{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#080808;padding:25px;flex-direction:column}nav.open{display:flex}.heroContent{left:6vw;right:6vw}.hero h1{font-size:52px}.cards,.booking,.contactgrid{grid-template-columns:1fr}.experience,.about{grid-template-columns:1fr}.experience img{height:450px}.poster{height:700px}.grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 260px 260px}.grid img:first-child{grid-row:auto;grid-column:span 2}.grid img:nth-child(4){grid-column:auto}.contactgrid div{border-right:0;border-bottom:1px solid #333}.twocol{grid-template-columns:1fr}.intro,.gallery,.booking,.contact{padding:80px 6vw}}
