.bookform .ok{display:none}
img{display:block;max-width:100%}
*{box-sizing:border-box;margin:0;padding:0}
a{color:inherit;text-decoration:none}

:root{--k:#0e0e0e;--s:#f3ece5;--n:#d8b9a6;--mu:#6f665e}
body{font-family:Raleway,sans-serif;font-weight:300;background:var(--s);color:var(--k);line-height:1.65;font-size:17px}
h1,h2,h3{font-family:"Tenor Sans",serif;font-weight:400;line-height:1.08}
.left{position:fixed;left:0;top:0;bottom:0;width:42%;background:var(--k);overflow:hidden}
.left img{width:100%;height:100%;object-fit:cover;opacity:.72}
.left .big{position:absolute;left:24px;bottom:6px;font:400 min(18vw,250px)/1 "Tenor Sans",serif;color:var(--s)}
.left .sub{position:absolute;left:32px;top:28px;color:var(--s);letter-spacing:.24em;text-transform:uppercase;font-size:12px;font-weight:500}
.right{margin-left:42%;min-height:100vh;display:flex;flex-direction:column}
.demo{font-size:12px;color:var(--mu);padding:12px 44px 0}
.nav{display:flex;gap:26px;padding:16px 44px;font-weight:500;font-size:15px;position:sticky;top:0;background:var(--s);z-index:3;overflow-x:auto;scrollbar-width:none}
.nav a{white-space:nowrap}
.nav a:before{content:"/";color:var(--n);margin-right:5px}
.nav a.active{border-bottom:1px solid var(--k)}
.in{padding:40px 44px}
h1{font-size:clamp(38px,4.6vw,68px);margin-bottom:22px}
.lead{font-size:19px;max-width:520px}
.btn{display:inline-block;background:var(--k);color:var(--s);border:0;padding:16px 30px;font:500 15px Raleway;letter-spacing:.04em;cursor:pointer;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.btn.o{background:var(--n);color:var(--k)}
.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.dv{height:1px;background:linear-gradient(90deg,var(--k),transparent);margin:6px 44px}
.sl{padding:15px 0;border-bottom:1px solid #dcd2c8;display:flex;justify-content:space-between;gap:16px;font-weight:500}
.sl span:first-child:before{content:"/ ";color:var(--n)}
.sl span:last-child{font-weight:300;color:var(--mu);white-space:nowrap}
h2{font-size:clamp(28px,3vw,42px);margin-bottom:14px}
.dav{background:var(--k);color:var(--s);padding:44px;margin-top:auto}
.dav h2{color:var(--n)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 44px}
.pair img{width:100%;height:280px;object-fit:cover}
.bookform{display:grid;gap:14px;max-width:520px}
.bookform h2{margin:0}
.bookform label{display:grid;gap:2px;font-weight:500;font-size:14px}
.bookform input,.bookform select,.bookform textarea{font:300 16px Raleway,sans-serif;padding:11px 0;border:0;border-bottom:1px solid var(--k);background:transparent;width:100%}
.bookform button{background:var(--k);color:var(--s);border:0;padding:16px;font:500 15px Raleway;cursor:pointer}
.map{height:280px;margin-top:26px}
.map iframe{width:100%;height:100%;border:0;display:block}
footer{padding:26px 44px;font-size:13px;color:var(--mu);border-top:1px solid #dcd2c8}
@media(max-width:900px){.left{position:relative;width:100%;height:62vw;min-height:280px}.left .big{font-size:34vw;left:12px}.left .sub{left:16px;top:16px}.right{margin-left:0;min-height:0}.demo{padding:10px 16px 0}.nav{padding:12px 16px;gap:16px}.in{padding:26px 16px}.dv{margin:6px 16px}.pair{padding:0 16px}.pair img{height:180px}.dav{padding:32px 16px}footer{padding:20px 16px}.btn{flex:1;text-align:center}}