@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
:root{--green:#073a2b;--deep:#03291f;--ivory:#f7f0e3;--cream:#fbf7ef;--gold:#bd914a;--ink:#183329}*{box-sizing:border-box;border-radius:0}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;padding:1rem;z-index:20}.skip:focus{top:1rem}header{height:88px;padding:0 clamp(20px,4vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(251,247,239,.98);border-bottom:1px solid var(--gold);position:sticky;top:0;z-index:10}.brand img{width:66px;height:66px;object-fit:contain;display:block}nav{display:flex;align-items:center;gap:clamp(18px,2.3vw,40px)}nav a{font-size:12px;letter-spacing:.08em;text-decoration:none;color:var(--ink);position:relative}nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;border-bottom:1px solid var(--gold);transition:.25s}nav>a:hover:after,nav>a:focus-visible:after{right:0}.nav-social{display:flex;gap:12px}.nav-social a{border:1px solid var(--gold);padding:8px}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px}.menu-toggle span{display:block;width:26px;border-top:1px solid;margin:8px}.hero{min-height:calc(76vh - 88px);display:grid;grid-template-columns:55% 45%}.hero-copy{padding:clamp(64px,8vw,130px) clamp(30px,9vw,150px);position:relative}.eyebrow{font-size:11px;letter-spacing:.25em;color:var(--gold);font-weight:600}.hero h1,.statement h2,.reservation h2,.address h2,.social h2,.contacts h2{font:500 clamp(54px,7vw,105px)/.83 'Cormorant Garamond',serif;margin:32px 0;color:var(--green)}.hero h1 em{color:var(--gold);font-weight:400}.lead{font-family:'Cormorant Garamond';font-size:20px;line-height:1.5}.button{display:inline-block;margin-top:25px;padding:17px 25px;border:1px solid var(--green);background:var(--green);color:var(--ivory);font-size:11px;letter-spacing:.16em;text-decoration:none;transition:.25s}.button span,.quick b{display:inline-block;margin-left:18px;transition:transform .25s}.button:hover span,.quick a:hover b{transform:translateX(5px)}.hero-mark{background:var(--deep);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-left:1px solid var(--gold);padding:40px}.hero-mark img{width:min(70%,470px);height:auto;mix-blend-mode:normal}.hero-mark p{color:var(--gold);font:12px 'Cormorant Garamond';letter-spacing:.25em}.ornament{position:absolute;color:var(--gold);font-size:30px;top:30px;right:40px}.quick{display:grid;grid-template-columns:repeat(4,1fr)}.quick a{min-height:310px;padding:40px;border:1px solid var(--gold);background:var(--ivory);color:var(--ink);text-decoration:none;position:relative}.quick a.dark{background:var(--green);color:var(--ivory)}.quick i{position:absolute;right:24px;top:20px;font:italic 14px 'Cormorant Garamond';color:var(--gold)}.quick svg{width:36px;height:36px;fill:none;stroke:var(--gold);stroke-width:1.2}.quick h2{font:500 34px 'Cormorant Garamond';margin:35px 0 15px}.quick p{font-size:13px;line-height:1.8}.quick b{position:absolute;bottom:35px;font-weight:400;color:var(--gold)}.statement,.address,.contacts{padding:clamp(90px,13vw,190px) 8vw;text-align:center}.statement h2,.address h2,.contacts h2{font-size:clamp(50px,6vw,86px)}.statement>p:not(.eyebrow),.address>div p,.contacts div{font:22px/1.6 'Cormorant Garamond'}.text-link{display:inline-block;margin-top:30px;color:var(--green);font-size:11px;letter-spacing:.15em}.reservation{background:var(--green);color:var(--ivory);padding:clamp(80px,10vw,140px) 8vw;display:grid;grid-template-columns:1fr 1.3fr;gap:10vw}.reservation h2,.social h2{color:var(--ivory);font-size:clamp(55px,7vw,90px)}form{display:grid;grid-template-columns:1fr 1fr;gap:25px}label{font-size:10px;letter-spacing:.15em;color:var(--gold)}input{width:100%;padding:12px 0;border:0;border-bottom:1px solid rgba(247,240,227,.45);background:transparent;color:#fff}form button{grid-column:1/-1;padding:17px;border:1px solid var(--gold);color:var(--gold);background:transparent;letter-spacing:.13em}.social{padding:100px 8vw;background:var(--deep);color:var(--ivory);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end}.social p{font:21px/1.5 'Cormorant Garamond'}.social a,.social span,#footer-social a{color:var(--gold);margin-right:25px;font-size:12px;letter-spacing:.12em}.address{background:var(--ivory)}.light{background:transparent;color:var(--green)}footer{background:var(--deep);color:var(--ivory);border-top:1px solid var(--gold);padding:50px 8vw;display:flex;align-items:center;gap:25px}footer img{width:72px}footer strong,footer small{display:block;font-family:'Cormorant Garamond';letter-spacing:.15em}footer small{color:var(--gold);margin-top:7px}footer #footer-social{margin-left:auto}footer p{font-size:11px;color:#c9c3b8}.defs{position:absolute;width:0;height:0}
*:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media(max-width:900px){header{height:74px}.brand img{width:56px;height:56px}.menu-toggle{display:block}nav{position:fixed;inset:74px 0 0;background:var(--cream);display:none;flex-direction:column;justify-content:center;gap:28px}nav.open{display:flex}nav a{font:30px 'Cormorant Garamond'}.nav-social a{font:12px Manrope}.locked{overflow:hidden}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{padding:80px 8vw}.hero-mark{padding:70px 20px}.hero-mark img{width:min(72%,400px)}.quick{grid-template-columns:1fr 1fr}.reservation{grid-template-columns:1fr}.social{grid-template-columns:1fr}footer{flex-wrap:wrap}footer p{width:100%}}@media(max-width:560px){.hero h1{font-size:58px}.lead br{display:none}.quick{grid-template-columns:1fr}.quick a{min-height:330px;padding:52px 34px}.quick svg{width:44px;height:44px}.quick h2{font-size:46px;line-height:1.05;margin:42px 0 20px}.quick p{font-size:17px;line-height:1.65}.quick b{bottom:42px;font-size:22px}.quick i{font-size:16px;right:28px;top:24px}.reservation{padding-left:25px;padding-right:25px}form{grid-template-columns:1fr}.social{padding:80px 25px}footer{padding:40px 25px}footer #footer-social{margin-left:0;width:100%}}@media(max-width:360px){.quick a{padding-left:28px;padding-right:28px}.quick h2{font-size:42px}.quick p{font-size:16px}}
