@font-face{font-family:Harmonia;src:url('assets/harmonia.woff2') format('woff2');font-display:swap}
@font-face{font-family:Bebas;src:url('assets/bebas.woff2') format('woff2');font-display:swap}
:root{--ink:#333;--muted:#b7a49a;--aqua:#169bb2;--aqua-pale:#e7f4f6;--sand:#eee7e3;--yellow:#ffd35d;--shell:1170px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Harmonia,Arial,sans-serif;background:#fff;font-size:15px;line-height:1.45}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.shell{width:min(var(--shell),calc(100% - 30px));margin-inline:auto}
.skip-link{position:fixed;top:-80px;left:10px;z-index:1000;background:#fff;padding:10px}.skip-link:focus{top:10px}
.topbar{height:45px;background:#f1f1f1;color:#b6a59c;text-transform:uppercase;font-family:Bebas,sans-serif;letter-spacing:1.2px}
.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.topbar-links{display:flex;gap:25px;align-items:center}.topbar-links a{white-space:nowrap}.social-letter{font-family:Harmonia;font-size:15px}
.top-book{height:36px;display:flex;align-items:center;padding:0 24px;background:#e5f3f5;color:#272727;letter-spacing:2px}
.site-header{height:95px;background:white}.header-inner{height:100%;display:flex;align-items:center}
.brand img{display:block;width:190px;height:auto}.brand{flex:0 0 260px}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:33px;flex:1;font-size:16px;white-space:nowrap}.main-nav a{transition:color .2s}.main-nav a:hover,.main-nav .active{color:#149dbc}
.mobile-book,.menu-toggle{display:none}
.hero{height:638px}.hero img{display:block;width:100%;height:100%;object-fit:cover}
.booking{height:94px;margin-top:56px;padding:25px 31px;background:#fff;display:grid;grid-template-columns:1fr 1fr 1fr 112px;gap:24px;align-items:center;box-shadow:0 1px 12px rgba(0,0,0,.12)}
.booking-field{display:grid;grid-template-columns:68px 1fr;align-items:center;gap:8px;white-space:nowrap}.booking-field label{font-size:13px}
.field-control{border:1px solid #ddd;height:44px;display:flex;align-items:center;min-width:0}.field-control input,.field-control select{width:100%;height:100%;border:0;outline:0;color:#555;background:transparent;padding:0 9px;font-size:13px}.field-control select{appearance:none;background:linear-gradient(45deg,transparent 50%,#d5b02b 50%) calc(100% - 15px) 18px/6px 6px no-repeat,linear-gradient(135deg,#d5b02b 50%,transparent 50%) calc(100% - 11px) 18px/6px 6px no-repeat}
.calendar{margin-left:10px;width:14px;height:14px;border:1px solid #cfcfcf;position:relative}.calendar:before{content:"";position:absolute;left:-1px;right:-1px;top:3px;border-top:1px solid #cfcfcf}.guest-icon{margin-left:10px;width:14px;height:14px;border:1px solid #cfcfcf;border-radius:50%;position:relative}.guest-icon:after{content:"";position:absolute;width:17px;height:8px;border:1px solid #cfcfcf;border-bottom:0;border-radius:10px 10px 0 0;left:-3px;top:12px}
.search-button{height:44px;border:0;background:var(--yellow);font-family:Bebas;letter-spacing:1px;text-transform:uppercase;font-size:16px;cursor:pointer}
.intro{text-align:center;padding:176px 0 72px}.intro h1{font-family:Bebas;font-weight:400;text-transform:uppercase;font-size:33px;line-height:1.2;letter-spacing:1.4px;margin:0 0 26px}.intro p{margin:0;font-size:16px;line-height:1.7}
.about{display:grid;grid-template-columns:1fr 1fr;min-height:602px}.about-media{overflow:hidden;background:#ddd}.about-media video{width:100%;height:100%;display:block;object-fit:cover}.about-copy{background:#f6f6f6;padding:136px 58px 70px}.about-copy h2,.room-card h2,.footer h2{font-family:Bebas;font-weight:400;text-transform:uppercase;letter-spacing:1.2px}.about-copy h2{font-size:30px;margin:0 0 24px}.about-copy p{font-size:16px;line-height:1.55;margin:0 0 20px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 34px;padding:61px 14px 47px}.feature{min-height:57px;display:grid;grid-template-columns:70px 1fr;align-items:center}.feature-icon{width:68px;height:68px;background:#edf8f9;display:grid;place-items:center;font-size:31px;filter:grayscale(1);opacity:.65}.feature h3{font-size:14px;font-weight:400;line-height:1.35;margin:0;padding-left:13px}
.rooms{position:relative;margin-bottom:121px}.room-viewport{overflow:hidden}.room-track{display:flex;transition:transform .4s ease}.room-card{flex:0 0 50%;padding-right:15px}.room-card:nth-child(even){padding-left:15px;padding-right:0}.room-card img{width:100%;height:380px;display:block;object-fit:cover}.room-card h2{font-size:30px;line-height:1;margin:23px 0 12px}.room-card p{font-size:14px;line-height:1.55;margin:0;max-width:545px;min-height:44px}.room-meta{display:flex;gap:22px;color:#bda69c;font-size:13px;margin:20px 0}.room-actions{display:flex;gap:16px}.room-actions a{padding:10px 16px;font-size:13px}.book-button{background:#e3f1f2}.more-button{background:#eee7e3}
.slider-arrow{position:absolute;z-index:2;top:172px;width:31px;height:58px;border:0;background:#fff;color:#b69e90;font-size:35px;line-height:1;cursor:pointer}.slider-arrow.prev{left:0}.slider-arrow.next{right:0}
.weather{height:120px;background:#f3f3f3;color:#bdaaa1}.weather-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:28px}.current-weather{display:flex;align-items:center;gap:16px;margin-right:6px}.current-weather strong{font-size:36px;font-weight:400}.weather-symbol{font-size:43px}.forecast{display:flex;flex-direction:column;align-items:center;min-width:64px;font-size:12px}.forecast b{font-size:24px;font-weight:400;height:34px;filter:grayscale(1);opacity:.65}.forecast small{font-size:10px;white-space:nowrap}
.footer{background:#fff;color:#444}.footer-main{min-height:329px;display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:42px}.footer h2{font-size:25px;color:#b7a49a;margin:0 0 11px}.footer p{margin:0 0 9px;font-size:13px}.footer-col h2:nth-of-type(2){margin-top:31px}.footer-brand{text-align:center;padding-top:8px}.footer-brand img{width:240px}.footer-brand div{margin-top:10px;color:#b7a49a}.footer-brand span{margin:0 9px}.right-block{padding-left:110px}.footer-bottom{height:68px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;font-family:Bebas;text-transform:uppercase;font-size:15px;letter-spacing:.5px}
.notice{position:fixed;z-index:50;left:15px;bottom:14px;width:288px;padding:22px 20px 20px;background:#fff;border:1px solid #333;box-shadow:0 1px 8px rgba(0,0,0,.08)}.notice strong{display:block;text-transform:uppercase;color:#168ea3;letter-spacing:2px;margin-bottom:8px}.notice strong:before{content:"";display:inline-block;width:4px;height:24px;background:#168ea3;vertical-align:middle;margin-right:10px}.notice p{font-size:13px;line-height:1.45;margin:0 0 17px}.notice a{display:block;text-align:center;background:#2f8fa0;color:#fff;padding:10px;font-weight:700;font-size:12px}.notice-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#8fbdc4;font-size:20px;cursor:pointer}
.messengers{position:fixed;z-index:45;right:20px;bottom:92px;display:flex;flex-direction:column;gap:10px}.messengers a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px;box-shadow:0 3px 12px rgba(0,0,0,.18)}.telegram{background:#1eb6ec}.whatsapp{background:#20c96b}.messengers .max{background:#fff}.max img{width:32px;height:32px}

@media (max-width:900px){
  :root{--shell:100%}
  body{font-size:14px}.shell{width:calc(100% - 30px)}
  .topbar{display:none}.site-header{height:58px}.header-inner{width:100%;padding:0 15px}
  .brand{flex:1}.brand img{width:139px}.main-nav{display:none;position:absolute;z-index:20;top:58px;left:0;right:0;background:#fff;padding:14px 20px;box-shadow:0 8px 20px rgba(0,0,0,.12);flex-direction:column;align-items:flex-start;gap:10px}.main-nav.open{display:flex}.mobile-book{display:block;background:#e7f1f0;font-family:Bebas;text-transform:uppercase;letter-spacing:1px;font-size:12px;padding:8px 13px;margin-right:16px}
  .menu-toggle{display:flex;width:24px;height:24px;padding:3px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:4px}.menu-toggle span{display:block;height:1px;background:#a58e84;width:18px}
  .hero{height:auto}.hero img{width:100%;height:auto;aspect-ratio:1.505/1;object-fit:cover}
  .booking{width:calc(100% - 62px);height:auto;margin-top:54px;padding:23px 25px;display:flex;flex-direction:column;gap:11px;box-shadow:0 1px 10px rgba(0,0,0,.1)}.booking-field{width:100%;grid-template-columns:60px 1fr}.field-control{height:36px}.search-button{width:100%;height:38px}
  .intro{padding:97px 6px 44px}.intro h1{font-size:26px;margin-bottom:19px}.intro p{font-size:15px;line-height:1.75}.desktop-only{display:none}
  .about{display:block;min-height:0}.about-media{height:auto}.about-media video{height:auto;aspect-ratio:1/1.15;object-fit:cover}.about-copy{padding:37px 31px 34px}.about-copy h2{font-size:28px;margin-bottom:20px}.about-copy p{font-size:14px;line-height:1.55;margin-bottom:18px}
  .features{display:flex;flex-direction:column;padding:46px 15px 55px;gap:13px}.feature{min-height:55px;grid-template-columns:55px 1fr}.feature-icon{width:51px;height:51px;font-size:22px}.feature h3{font-size:13px;padding-left:14px}
  .rooms{margin-bottom:83px}.room-card{flex-basis:100%;padding:0!important}.room-card img{height:auto;aspect-ratio:1.5/1;object-fit:cover}.room-card h2{font-size:27px;margin:16px 0 9px}.room-card p{font-size:13px;min-height:0}.room-meta{margin:13px 0;gap:16px;font-size:11px}.room-actions a{font-size:11px;padding:9px 14px}.slider-arrow{top:100px;height:47px;width:31px}.slider-arrow.prev{left:0}.slider-arrow.next{right:0}
  .weather{height:100px}.weather-inner{width:100%;gap:0;justify-content:space-around;padding:0 12px}.current-weather{display:none}.forecast{min-width:0;width:25%;font-size:11px}.forecast b{font-size:20px;height:29px}.forecast small{font-size:9px}.extra-day{display:none}
  .footer-main{display:flex;flex-direction:column;padding-top:34px;text-align:center}.footer-brand{order:-1;padding:0 0 41px}.footer-brand img{width:200px}.footer-col{padding:0}.footer h2{font-size:23px}.footer p{font-size:12px}.contact-block h2:nth-of-type(2){margin-top:30px}.right-block{padding-top:38px}.footer-bottom{height:auto;flex-direction:column;gap:12px;text-align:center;padding:25px 0;font-size:13px}.footer-bottom span:last-child{display:none}
  .notice{left:8px;bottom:82px;width:270px}.messengers{right:10px;bottom:86px}.messengers a{width:46px;height:46px}
}
@media (max-width:390px){.booking{width:calc(100% - 62px)}.notice{width:270px}.intro{padding-top:95px}}