/* www3D.site — новый стиль для страниц отелей и ресторанов прежнего шаблона (Vell7, Kausar, «Папури»), v8.39.
   Как на странице для отельеров: тёмные и светлые экраны по очереди, дорога с логотипом между ними,
   фото первого экрана во весь фон, растворение фото, углы фото не больше 4 px. */
:root{--bg:#0e2a38;--bg2:#123545;--fg:#edf6f8;--mu:#9fbccb;--line:#1f4556;--dk:#0e2a38;--lt:#f5efe4;--eh:clamp(96px,12vw,170px)}
.sec.light{--bg:#f5efe4;--bg2:#ebe3d4;--fg:#14303a;--mu:#5c6f74;--line:#d9cdb8;background:var(--bg);color:var(--fg);color-scheme:light}
.sec.dark{background:#0e2a38;color:var(--fg)}
.sec.light .btn{box-shadow:0 10px 26px rgba(255,106,61,.25)}
.sec.light .eb{color:#c4461f}
/* углы */
.hero .ph,.twin,.room .ph,.amen .ph,.inside .ph,.spot .ph,.book .ph,.pwin,.dish,.dish img,.dishes .ph,.pap img{border-radius:4px!important}
.btn,.more summary,.w3x,.w3go,.rtb button,.dock a{border-radius:8px!important}
.facts span,.chips span{border-radius:4px!important}
.w3box{border-radius:8px!important}
/* первый экран — фото во весь фон, окно тура поверх */
.hero.scene{position:relative;overflow:hidden;padding-top:clamp(36px,5vw,72px)}
.scene>.bg{position:absolute;inset:0;z-index:0}
.scene>.bg img{width:100%;height:100%;object-fit:cover}
.scene>.shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--dk) 0%,rgba(14,42,56,.92) 30%,rgba(14,42,56,.6) 55%,rgba(14,42,56,.45) 100%),linear-gradient(0deg,var(--dk) 0%,rgba(14,42,56,0) 26%),linear-gradient(180deg,rgba(14,42,56,.6) 0%,rgba(14,42,56,0) 18%)}
.hero.scene>.in{position:relative;z-index:2}
.hero.scene .lead{color:#dbe9ee}.hero.scene .crumbs{color:#cfe0e5}
.hero.scene .facts span{background:rgba(14,42,56,.55);border-color:rgba(255,255,255,.18)}
.hero .stg-hint,.hero .stg-line{color:#dbe9ee}
@media (max-width:760px){.scene>.shade{background:linear-gradient(0deg,var(--dk) 0%,rgba(14,42,56,.88) 45%,rgba(14,42,56,.6) 100%)}}
/* дорога */
.has-road{position:relative;padding-bottom:calc(clamp(40px,5vw,64px) + var(--eh))!important}
.edge{position:absolute;left:0;right:0;bottom:-1px;height:var(--eh);z-index:4;pointer-events:none}
.edge svg{position:absolute;left:0;top:0;overflow:visible;display:block}
/* фото растворяется в фоне экрана */
.amen .ph,.book .ph{box-shadow:none!important;background:none!important}
.amen .ph img,.book .ph img{-webkit-mask:linear-gradient(270deg,#000 60%,transparent),linear-gradient(0deg,transparent,#000 20%);-webkit-mask-composite:source-in;mask:linear-gradient(270deg,#000 60%,transparent) intersect,linear-gradient(0deg,transparent,#000 20%)}
@media (max-width:760px){.amen .ph img,.book .ph img{-webkit-mask:linear-gradient(0deg,transparent,#000 24%);mask:linear-gradient(0deg,transparent,#000 24%)}}
.room .ph img,.inside .ph img,.spot .ph img{transition:transform .6s}
.inside figure:hover .ph img,.spot:hover .ph img{transform:scale(1.04)}
/* рукописный призыв в тексте первого экрана */
.hero .cta .hwl{margin-top:6px}
.own,footer{background:#0e2a38}
@media (max-width:760px){:root{--eh:clamp(70px,20vw,120px)}}