:root{--ink:#172033;--blue:#173b68;--soft:#f4f7fb;--line:#e4e8ee}
*{box-sizing:border-box}
html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;background:var(--soft)}
a{color:inherit}
header{min-height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:8px 5%;position:sticky;top:0;z-index:20}
.logo{width:48px;height:48px;min-width:48px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;text-decoration:none;font-weight:800}
nav{display:flex;align-items:center;gap:16px;flex:1}
nav a{text-decoration:none;font-size:14px;white-space:nowrap}
.call{background:var(--blue);color:#fff;text-decoration:none;font-weight:700;border-radius:10px;padding:12px 16px;text-align:center;display:inline-block}
.top{margin-left:auto;font-size:14px}
.hero{padding:72px 7% 58px;background:linear-gradient(90deg,rgba(20,45,78,.80),rgba(20,45,78,.35)),url('https://images.unsplash.com/photo-1564501049412-61c2a3083791?auto=format&fit=crop&w=1800&q=85');background-size:cover;background-position:center;color:#fff;min-height:480px;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.12;max-width:850px;margin:10px 0 18px}
.hero p{max-width:720px;font-size:18px;margin:0 0 12px}
.eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.primary{margin-top:14px;width:max-content;font-size:17px;background:#fff;color:var(--blue)}
.notice,main>section:not(.hero){max-width:1080px;margin:26px auto;padding:30px;background:#fff;border-radius:16px}
.notice{border-left:5px solid var(--blue)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid div{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.hotel-showcase{max-width:1080px;margin:26px auto;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:#fff;padding:28px;border-radius:16px}
.hotel-showcase img{width:100%;height:330px;display:block;object-fit:cover;object-position:center;border-radius:14px}
footer{padding:36px 7%;background:#142238;color:#fff;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footlinks{display:flex;gap:14px;flex-wrap:wrap}
.sticky-call{display:none}
@media(max-width:760px){
 header{padding:9px 14px;min-height:66px}
 nav{display:none}
 .logo{width:46px;height:46px;min-width:46px}
 .top{font-size:12px;padding:10px 12px;white-space:nowrap}
 .hero{min-height:560px;padding:76px 20px 86px;background-position:center}
 .hero h1{font-size:34px;line-height:1.15;margin:12px 0 18px}
 .hero p{font-size:16px}
 .primary{width:100%;padding:15px 12px;font-size:16px}
 .notice,main>section:not(.hero){margin:18px 14px;padding:22px;border-radius:14px}
 .grid{grid-template-columns:1fr;gap:12px}
 .hotel-showcase{display:flex;flex-direction:column;margin:18px 14px;padding:18px;gap:18px}
 .hotel-showcase img{height:230px;width:100%;object-fit:cover}
 .hotel-showcase .primary{width:100%}
 footer{padding:28px 18px 100px;font-size:14px}
 .sticky-call{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:30;padding:15px 10px;border-radius:12px;font-size:15px;box-shadow:0 6px 20px rgba(0,0,0,.22)}
}
@media(max-width:390px){
 .top{font-size:11px;padding:9px 9px}
 .logo{width:42px;height:42px;min-width:42px}
 .hero{padding-top:70px}
 .hero h1{font-size:31px}
}