@import url("/tokens.css");
:root{--accent:#9f805f;--accent-rgb:159,128,95;--bg:#cbb497;/* подобрано под тон фото */--fs-h1:clamp(39px,3.7vw,62px);--lh-h1:1.12;--ls-h1:-.02em;--water-height:20%;--water-mask-soft:18%;--water-mask-full:42%;--ripple1-x:25%;--ripple1-y:18%;--ripple2-x:70%;--ripple2-y:12%}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0;background:var(--bg);color:var(--ink)}body{overflow:hidden;font-family:var(--font-sans)}a{color:inherit;text-decoration:none}.booking-screen{position:relative;width:100vw;height:100vh;min-height:700px;overflow:hidden;isolation:isolate}.background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.booking-screen:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(251,243,231,.14),transparent 58%)}.header{position:absolute;top:clamp(28px,5vh,54px);left:clamp(36px,4.2vw,70px);right:clamp(36px,4.2vw,70px);display:flex;justify-content:space-between;align-items:flex-start}.brand{display:flex;width:48px;flex-direction:column;align-items:center;font:400 clamp(38px,3.2vw,56px)/.86 var(--font-serif);letter-spacing:-.08em}.brand i{width:4px;height:4px;margin-top:16px;border-radius:50%;background:currentColor}.menu{display:flex;align-items:center;gap:22px;padding:0;border:0;background:none;color:inherit;font:13px var(--font-sans);letter-spacing:.3em}.menu>i{width:4px;height:4px;border-radius:50%;background:currentColor}.menu>b{display:grid;width:43px;gap:7px}.menu em{height:1px;background:currentColor}.content{position:absolute;top:50%;left:clamp(70px,11vw,185px);width:min(46vw,650px);transform:translateY(-48%)}.eyebrow{margin:0 0 22px}.rule{display:block;width:38px;height:1px;margin:26px 0 21px;background:var(--accent)}.intro{margin:0;color:var(--soft);font:400 clamp(15px,1.15vw,19px)/1.55 var(--font-serif)}.actions{display:grid;width:min(100%,510px);gap:12px;margin-top:28px}.actions a{display:grid;grid-template-columns:42px 1fr 24px;align-items:center;padding:13px 17px;border:1px solid rgba(var(--ink-rgb),.38);border-radius:3px;background:rgba(248,238,224,.18);backdrop-filter:blur(3px);transition:background .25s,transform .25s}.actions a:hover{background:rgba(248,238,224,.38);transform:translateX(4px)}.actions i{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(var(--ink-rgb),.45);border-radius:50%;font-style:normal;font-size:14px}.actions span{font:400 clamp(16px,1.22vw,20px) var(--font-serif)}.actions b{font-size:22px;font-weight:200}.facts{display:flex;gap:46px;margin-top:27px}.facts p{display:flex;align-items:center;gap:12px;margin:0}.facts>p>i{font-style:normal;font-size:25px}.facts span{display:grid;gap:5px}.facts b{font-size:9px;letter-spacing:.16em}.facts small{font:400 13px var(--font-serif)}.back{position:absolute;left:clamp(36px,4.2vw,70px);bottom:clamp(30px,4.3vh,48px);display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.22em}.back span{font-size:22px}.note{position:absolute;right:clamp(36px,4.2vw,70px);bottom:clamp(31px,4.3vh,49px);margin:0;color:rgba(var(--ink-rgb),.62);font-size:9px;letter-spacing:.25em}@media(max-width:900px){body{overflow:auto}.background{object-position:58% center}}