:root{
  --ink:#17202a;
  --muted:#617083;
  --cream:#fff8ef;
  --gold:#c99a4d;
  --gold-dark:#8a6127;
  --blue:#12344d;
  --white:#ffffff;
  --shadow:0 24px 70px rgba(18,52,77,.18);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0%,var(--cream) 55%,#fff 100%);line-height:1.6}
a{color:inherit;text-decoration:none} .wrap{width:min(1140px,92%);margin-inline:auto}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,32,42,.08)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.06em}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--blue),#275d7c);color:#fff;box-shadow:0 12px 26px rgba(18,52,77,.25)}
.menu{display:flex;align-items:center;gap:24px;font-weight:700}.menu a{position:relative;color:#243447}.menu a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--gold);transition:.25s}.menu a:hover:after{width:100%}.menu-btn{display:none;border:0;background:transparent;padding:8px;cursor:pointer}.menu-btn span{display:block;width:28px;height:3px;background:var(--blue);margin:5px;border-radius:20px}
.hero{position:relative;min-height:calc(100vh - 76px);display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(201,154,77,.35),transparent 28%),linear-gradient(135deg,#0d2638 0%,#17435f 55%,#f7efe2 55%,#fff 100%)}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,38,56,.92),rgba(13,38,56,.60),rgba(255,248,239,.25));}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;padding:72px 0}.hero-text{color:#fff}.eyebrow{margin:0 0 12px;color:#f2cf91;text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;font-weight:900}.eyebrow.dark{color:var(--gold-dark)}h1,h2{margin:0;line-height:1.05}h1{font-size:clamp(3rem,8vw,6.7rem);letter-spacing:.03em;text-transform:uppercase}h2{font-size:clamp(2rem,4vw,3.4rem);text-transform:uppercase}.lead{font-size:clamp(1.15rem,2vw,1.45rem);max-width:700px;color:rgba(255,255,255,.9);margin:22px 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:900;transition:.25s}.btn.primary{background:var(--gold);color:#17202a}.btn.secondary{border:1px solid rgba(255,255,255,.45);color:#fff}.btn:hover{transform:translateY(-2px)}
.booking-card{background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.55);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px}.booking-card p{margin:0 0 8px;color:var(--gold-dark);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.booking-card h2{font-size:2rem;color:var(--blue);margin-bottom:18px}.booking-card a{display:block;padding:16px 18px;margin-top:12px;border-radius:18px;background:#f7f1e7;color:var(--blue);font-size:1.45rem;font-weight:900;border:1px solid rgba(201,154,77,.22)}
.section{padding:82px 0}.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}.section-text p:not(.eyebrow),.section-title p:not(.eyebrow){color:var(--muted);font-size:1.08rem}.video-card{padding:14px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);border:1px solid rgba(18,52,77,.08)}video{display:block;width:100%;max-height:70vh;border-radius:20px;background:#000}.address-section{background:linear-gradient(135deg,rgba(18,52,77,.08),rgba(201,154,77,.12))}.address-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:42px;border:1px solid rgba(18,52,77,.08);text-align:center}.address{font-size:clamp(1.25rem,2.4vw,2rem);font-weight:800;color:var(--blue);margin:18px auto 0;max-width:850px}.section-title{text-align:center;margin-bottom:28px}.phones{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.phone{display:block;background:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow);border:1px solid rgba(18,52,77,.08);transition:.25s}.phone:hover{transform:translateY(-4px)}.phone span{display:block;color:var(--gold-dark);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.phone strong{display:block;color:var(--blue);font-size:clamp(1.45rem,2vw,2rem);margin-top:8px}.footer{background:#0d2638;color:#fff;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.footer p{margin:0}.float-call{position:fixed;right:18px;bottom:18px;z-index:30;background:var(--gold);color:#17202a;border-radius:999px;padding:14px 20px;font-weight:900;box-shadow:0 16px 36px rgba(0,0,0,.24)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.show{opacity:1;transform:none}
@media (max-width:820px){.nav{height:68px}.menu-btn{display:block}.menu{position:absolute;top:68px;left:4%;right:4%;display:none;flex-direction:column;align-items:stretch;padding:18px;background:#fff;border-radius:18px;box-shadow:var(--shadow)}.menu.open{display:flex}.menu a{padding:10px}.hero{min-height:auto}.hero-content,.two-col{grid-template-columns:1fr}.hero-content{padding:52px 0}.hero-text{text-align:center}.hero-actions{justify-content:center}.booking-card{padding:22px}.phones{grid-template-columns:1fr}.section{padding:58px 0}.address-card{padding:28px}h1{font-size:clamp(2.6rem,14vw,4.2rem)}.float-call{left:18px;text-align:center}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
