/* ══════════════════════════════════════════
   DESIGN TOKENS  — matches luxurydhowcruise.ae
══════════════════════════════════════════ */
:root {
  /* Backgrounds */
  --bg:       #ffffff;
  --bg-light: #f8fafc;
  --bg-dark:  #071224;       /* hero gradient start */
  --bg-dark2: #12284c;       /* hero gradient end  */
  --navy:     #0a1d37;       /* dark sections, h2  */
  --navy-mid: #102940;

  /* Brand colours */
  --crimson:      #cf2a3c;
  --crimson-dark: #c41e3a;
  --crimson-glow: rgba(230,57,70,0.45);
  --coral:        #ff5263;
  --coral-light:  #ff6b78;

  /* Text */
  --text:       #0a1d37;
  --text-muted: #64748b;
  --text-light: #cbd5e1;
  --text-white: #ffffff;

  /* Border / card */
  --border:      #dbe4ef;
  --border-card: rgba(219,228,239,0.8);
  --card-bg:     #ffffff;

  /* WhatsApp */
  --wa: #25d366;

  /* Nav */
  --nav-h: 64px;

  color-scheme: light;
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:16px;
  line-height:1.6;
  min-height:100vh;
  padding-left:max(0px,env(safe-area-inset-left,0px));
  padding-right:max(0px,env(safe-area-inset-right,0px));
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
p{max-width:66ch;line-height:1.75;color:var(--text-muted)}

/* ── Typography ── */
h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif;text-wrap:balance;line-height:1.15;color:var(--text)}
h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:700}
h2{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:700;color:var(--navy)}
h3{font-size:clamp(1.2rem,2.5vw,1.55rem);font-weight:600}
h4{font-size:1.1rem;font-weight:600}

/* ── Layout helpers ── */
.container{max-width:1160px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left,0px))}
.section{padding:88px 0}
.section--sm{padding:56px 0}
.section--dark{background:var(--navy);color:var(--text-white)}
.section--dark h2,.section--dark h3{color:#fff}
.section--dark p{color:var(--text-light)}
.section--hero{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-dark2) 100%)}
.section--light{background:var(--bg-light)}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}

/* ── Eyebrow / label ── */
.eyebrow{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--crimson);margin-bottom:16px}
.eyebrow::before,.eyebrow::after{content:'';display:inline-block;width:22px;height:2px;background:var(--crimson);flex-shrink:0}
.eyebrow.no-line::before,.eyebrow.no-line::after{display:none}
.eyebrow-light{color:var(--crimson)}
.badge-tag{display:inline-flex;align-items:center;padding:4px 12px;background:var(--crimson);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:0}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.875rem;cursor:pointer;border:none;transition:all .2s}
.btn-crimson{background:linear-gradient(135deg,var(--crimson),var(--crimson-dark));color:#fff;padding:14px 28px;border-radius:999px;box-shadow:0 6px 24px var(--crimson-glow)}
.btn-crimson:hover{box-shadow:0 10px 32px var(--crimson-glow);transform:translateY(-1px)}
.btn-wa{background:var(--wa);color:#fff;padding:14px 28px;border-radius:999px}
.btn-wa:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-outline-white{background:transparent;color:#fff;padding:13px 26px;border-radius:999px;border:1.5px solid rgba(255,255,255,0.35)}
.btn-outline-white:hover{border-color:var(--crimson);background:rgba(230,57,70,.12)}
.btn-outline{background:transparent;color:var(--navy);padding:13px 26px;border-radius:999px;border:1.5px solid var(--border)}
.btn-outline:hover{border-color:var(--crimson);color:var(--crimson)}
.btn-navy{background:var(--navy);color:#fff;padding:14px 28px;border-radius:999px}
.btn-navy:hover{background:var(--navy-mid);transform:translateY(-1px)}

/* ── Navigation ── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h)}
.nav-inner{max-width:1160px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left,0px));height:100%;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center;gap:10px;font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:700;color:#fff;line-height:1.2}
.nav-logo svg{width:36px;height:36px;flex-shrink:0}
.nav-logo span:first-of-type{font-size:1.25rem;letter-spacing:.02em}
.nav-logo span:last-of-type{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-light)}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.75);padding:8px 14px;border-radius:6px;transition:all .15s;letter-spacing:.01em}
.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(255,255,255,.08)}
.nav-cta{display:flex;align-items:center;gap:10px}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px}
.hamburger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;transition:.3s}
.mob-menu{display:none;position:fixed;inset:0;background:var(--bg-dark);z-index:99;flex-direction:column;padding:88px 24px 40px;gap:8px}
.mob-menu.open{display:flex}
.mob-menu a{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:600;color:#fff;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
@media(max-width:900px){.nav-links,.nav-cta .btn-crimson{display:none}.hamburger{display:block}}

/* ── Hero — full-bleed background image (Creek / Marina / Canal) ── */
.hero{
  position:relative;
  min-height:92vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.hero-content{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:calc(var(--nav-h) + 80px) max(32px,env(safe-area-inset-left,0px)) 80px;
}
/* Full-bleed background images */
.hero-creek{background:linear-gradient(to bottom,rgba(7,18,36,.55) 0%,rgba(7,18,36,.70) 100%),url('https://luxurydhowcruise.ae/wp-content/uploads/2025/10/Al-Wasl-2-rdi0tc2rvqf3lzao52ol8lgfm1g8nijwb919bt2yzk-1.jpg') center/cover no-repeat;}
.hero-marina{background:linear-gradient(to bottom,rgba(7,18,36,.50) 0%,rgba(7,18,36,.72) 100%),url('https://luxurydhowcruise.ae/wp-content/uploads/2026/10/5Star-Royal-Cruise--1024x732.jpg') center/cover no-repeat;}
.hero-canal{background:linear-gradient(to bottom,rgba(7,18,36,.52) 0%,rgba(7,18,36,.72) 100%),url('https://luxurydhowcruise.ae/wp-content/uploads/2026/10/Canal-1-1024x736.jpg') center/cover no-repeat;}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 18px;
  background:rgba(230,57,70,.18);
  border:1px solid rgba(230,57,70,.45);
  border-radius:999px;
  font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:#ff7a86;margin-bottom:22px;
  width:fit-content;
}
.hero-h1{color:#fff;margin-bottom:16px;text-shadow:0 2px 20px rgba(0,0,0,.5);font-size:clamp(2.6rem,5vw,4rem)}
.hero-h1 em{color:var(--coral);font-style:italic}
.hero-p{
  color:rgba(203,213,225,.92);
  font-size:1rem;
  max-width:600px;
  margin:0 auto 28px;
  text-shadow:0 1px 8px rgba(0,0,0,.5);
  line-height:1.7;
}
.hero-btns{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-bottom:28px}
.hero-rating{
  display:inline-flex;align-items:center;gap:12px;
  padding:10px 22px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  backdrop-filter:blur(6px);
  width:fit-content;
}
.stars{display:flex;gap:3px}
.hero-rating-text{font-size:.78rem;color:rgba(203,213,225,.9)}
.hero-rating-text strong{color:#fff}
/* Stat pills shown on Marina page */
.stats-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:24px;flex-wrap:wrap}
.stat-item{display:flex;flex-direction:column;align-items:center;}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:700;color:#fff;line-height:1}
.stat-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);margin-top:2px}
/* ── INNER-PAGE HERO (About, Blog, Price, Contact) — centered over dark bg ── */
.page-hero{
  min-height:56vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#071224;
  position:relative;
  overflow:hidden;
  padding:calc(var(--nav-h) + 60px) max(32px,env(safe-area-inset-left,0px)) 64px;
}
.page-hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 60% 40%,rgba(230,57,70,.12) 0%,transparent 65%);
  pointer-events:none;
}
.page-hero .hero-text-side{position:relative;z-index:2;max-width:680px}
.page-hero .hero-img-side{display:none}
.page-hero .eyebrow{color:var(--coral);justify-content:center}
.page-hero h1{color:#fff;margin-bottom:14px}
.page-hero h1 em{color:var(--coral)}
.page-hero p{color:rgba(203,213,225,.92);font-size:.975rem;max-width:520px;margin:0 auto;text-shadow:0 1px 8px rgba(0,0,0,.5)}
/* Responsive */
@media(max-width:768px){
  .hero{min-height:auto}
  .hero-content{padding:calc(var(--nav-h) + 40px) max(20px,env(safe-area-inset-left,0px)) 52px;}
  .hero-eyebrow{margin-left:auto;margin-right:auto}
  .page-hero{min-height:auto;padding:calc(var(--nav-h) + 40px) max(20px,env(safe-area-inset-left,0px)) 48px}
}

/* ── Highlights bar ── */
.highlights-bar{background:var(--navy);padding:20px 0}
.highlights-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.highlight-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px;border-right:1px solid rgba(255,255,255,.1)}
.highlight-item:last-child{border-right:none}
.highlight-icon{font-size:1.4rem;margin-bottom:8px}
.highlight-title{font-size:.8rem;font-weight:700;color:#fff;margin-bottom:3px;letter-spacing:.01em}
.highlight-sub{font-size:.7rem;color:var(--text-light)}
@media(max-width:640px){.highlights-grid{grid-template-columns:1fr 1fr;}.highlight-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}}

/* ── Section header ── */
.sec-header{text-align:center;margin-bottom:52px}
.sec-header .eyebrow{justify-content:center}
.sec-header .eyebrow::before,.sec-header .eyebrow::after{flex:1;max-width:48px}
.sec-header p{margin:16px auto 0;text-align:center}

/* ── Package card ── */
.pkg-card{background:var(--card-bg);border:.8px solid var(--border-card);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}
.pkg-card:hover{box-shadow:0 12px 40px rgba(10,29,55,.12)}
.pkg-img{position:relative;height:180px;background:linear-gradient(135deg,#0a1d37,#12284c);overflow:hidden}
.pkg-img img{width:100%;height:100%;object-fit:cover;opacity:.85}
.pkg-tags{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px}
.pkg-tag{display:inline-flex;padding:4px 10px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:0;color:#fff;background:var(--crimson)}
.pkg-tag.tag-dark{background:var(--navy)}
.pkg-body{padding:20px 22px;flex:1;display:flex;flex-direction:column;gap:16px}
.pkg-name{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:700;color:var(--navy);line-height:1.2}
.pkg-caterer{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}
.pkg-caterer::before{content:'';width:12px;height:1.5px;background:var(--crimson)}
.pkg-price{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:700;color:var(--crimson);line-height:1}
.pkg-price span{font-size:.85rem;font-weight:400;color:var(--text-muted);font-family:'Plus Jakarta Sans',sans-serif}
.pkg-inc{list-style:none;display:flex;flex-direction:column;gap:8px}
.pkg-inc li{display:flex;align-items:center;gap:10px;font-size:.825rem;color:var(--text)}
.pkg-inc li::before{content:'✓';color:var(--crimson);font-weight:700;flex-shrink:0;font-size:.9rem}
.pkg-schedule{background:var(--bg-light);border-radius:8px;padding:12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pkg-schedule-item{font-size:.75rem}
.pkg-schedule-item label{display:block;color:var(--text-muted);margin-bottom:2px;font-size:.68rem;letter-spacing:.04em}
.pkg-schedule-item strong{color:var(--navy);font-weight:700;font-size:.85rem}
.pkg-footer{padding:16px 22px 20px;display:flex;gap:10px}
.pkg-footer .btn{flex:1;font-size:.82rem;padding:13px 16px}

/* ── Feature card ── */
.feat-card{background:var(--card-bg);border:.8px solid var(--border-card);border-radius:12px;padding:28px 24px;transition:box-shadow .2s}
.feat-card:hover{box-shadow:0 8px 32px rgba(10,29,55,.1)}
.feat-icon{width:48px;height:48px;border-radius:50%;background:rgba(230,57,70,.1);border:1px solid rgba(230,57,70,.25);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px}
.feat-card h3{font-size:1.15rem;color:var(--navy);margin-bottom:8px}
.feat-card p{font-size:.82rem;max-width:none;color:var(--text-muted)}

/* ── Route card ── */
.route-card{border-radius:12px;overflow:hidden;border:.8px solid var(--border-card);background:#fff}
.route-num{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:700;color:var(--crimson);line-height:1;opacity:.15;position:absolute;top:12px;right:16px}
.route-img{height:200px;background:linear-gradient(135deg,#071224,#12284c);position:relative;overflow:hidden}
.route-img img{width:100%;height:100%;object-fit:cover;opacity:.8}
.route-body{padding:20px 22px}
.route-tag{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--crimson);margin-bottom:8px}
.route-body h3{font-size:1.3rem;color:var(--navy);margin-bottom:6px}
.route-body p{font-size:.82rem;color:var(--text-muted);max-width:none;margin-bottom:16px}
.route-landmarks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.route-landmark{font-size:.7rem;padding:4px 10px;background:rgba(10,29,55,.06);border-radius:4px;color:var(--navy);font-weight:500}

/* ── Testimonial card ── */
.testi-card{background:var(--card-bg);border:.8px solid var(--border-card);border-radius:12px;padding:28px 24px}
.testi-stars{display:flex;gap:3px;margin-bottom:12px}
.testi-quote{font-size:.875rem;color:var(--text);line-height:1.7;margin-bottom:16px;max-width:none}
.testi-author{display:flex;align-items:center;gap:12px}
.testi-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--crimson),var(--navy));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.9rem;flex-shrink:0}
.testi-name{font-weight:700;font-size:.875rem;color:var(--navy)}
.testi-loc{font-size:.75rem;color:var(--text-muted)}

/* ── FAQ ── */
.faq-item{border-bottom:1px solid var(--border);padding:20px 0}
.faq-q{font-weight:600;font-size:.9rem;color:var(--navy);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;user-select:none}
.faq-q::after{content:'＋';font-size:1.1rem;color:var(--crimson);flex-shrink:0;transition:.2s}
.faq-item.open .faq-q::after{content:'－'}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}
.faq-item.open .faq-a{max-height:400px;padding-top:12px}
.faq-a p{font-size:.875rem;color:var(--text-muted);max-width:none}

/* ── Blog card ── */
.blog-card{background:#fff;border:.8px solid var(--border-card);border-radius:12px;overflow:hidden}
.blog-img{height:160px;background:linear-gradient(135deg,#0a1d37,#12284c);display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative}
.blog-cat{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--crimson);margin-bottom:8px}
.blog-body{padding:20px}
.blog-title{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:700;color:var(--navy);line-height:1.3;margin-bottom:8px}
.blog-excerpt{font-size:.8rem;color:var(--text-muted);line-height:1.6}
.blog-meta{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-muted);margin-top:10px}

/* ── Contact form ── */
.contact-form{display:flex;flex-direction:column;gap:16px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group label{font-size:.78rem;font-weight:600;color:var(--navy);letter-spacing:.02em}
.form-group input,.form-group textarea,.form-group select{background:#fff;border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.875rem;color:var(--text);transition:border .15s;width:100%}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--crimson)}
.form-group textarea{min-height:110px;resize:vertical}

/* ── Price table ── */
.table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--border)}
.price-table{width:100%;border-collapse:collapse;font-size:.82rem}
.price-table th{background:var(--navy);color:#fff;font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:600;padding:14px 16px;text-align:left;white-space:nowrap}
.price-table td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}
.price-table tr:hover td{background:var(--bg-light)}
.price-table tr:last-child td{border-bottom:none}
.price-table td:nth-child(3){font-weight:700;color:var(--crimson)}

/* ── CTA banner ── */
.cta-banner{background:linear-gradient(135deg,#071224 0%,#12284c 100%);border-radius:16px;padding:60px 48px;text-align:center;position:relative;overflow:hidden}
.cta-banner::before{content:'';position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(196,30,58,.2) 0%,transparent 70%)}
.cta-banner h2{color:#fff;margin-bottom:12px;position:relative}
.cta-banner p{color:var(--text-light);margin:0 auto 28px;position:relative}
.cta-banner .btn{position:relative}

/* ── NYE hero ── */
.nye-hero{
  padding:calc(var(--nav-h) + 60px) 0 80px;
  background:linear-gradient(135deg,rgba(7,18,36,.82) 0%,rgba(18,40,76,.75) 100%),url('https://luxurydhowcruise.ae/wp-content/uploads/2026/10/nye-lp-nye-dhow-marina-fireworks.jpg') center/cover no-repeat;
  position:relative;overflow:hidden;
  display:flex;align-items:center;
}
.nye-hero::before{content:'';position:absolute;top:-100px;right:-100px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(196,30,58,.18) 0%,transparent 70%);pointer-events:none}
.nye-hero-text{
  position:relative;z-index:2;
  max-width:800px;
  width:100%;
  margin:0 auto;
  padding:0 max(32px,env(safe-area-inset-left,0px));
}
.nye-hero-img{display:none}
@media(max-width:768px){
  .nye-hero{padding:calc(var(--nav-h) + 40px) 0 60px}
  .nye-hero-text{padding:0 max(20px,env(safe-area-inset-left,0px))}
  .countdown-wrap{justify-content:center}
}
.countdown-wrap{display:flex;gap:20px;flex-wrap:wrap;margin:32px 0}
.countdown-unit{text-align:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:16px 20px;min-width:76px}
.countdown-num{display:block;font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:700;color:#fff;line-height:1}
.countdown-label{display:block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);margin-top:4px}

/* ── Float WA ── */
.float-wa{position:fixed;bottom:24px;right:24px;z-index:200;width:56px;height:56px;border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,.4);transition:transform .2s}
.float-wa:hover{transform:scale(1.1)}
.float-wa svg{width:26px;height:26px;fill:#fff}
@media(max-width:640px){.float-wa{bottom:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}

/* ── Footer ── */
footer{background:var(--navy);color:#fff;padding:64px 0 0}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-brand-name{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:4px}
.footer-brand-sub{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);margin-bottom:16px}
.footer-brand p{font-size:.82rem;color:var(--text-light);line-height:1.7;max-width:280px}
.footer-col h4{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:#fff;margin-bottom:16px;font-weight:600}
.footer-col a{display:block;font-size:.82rem;color:var(--text-light);padding:5px 0;transition:color .15s}
.footer-col a:hover{color:var(--crimson)}
.footer-bottom{padding:24px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.footer-bottom p{font-size:.75rem;color:rgba(255,255,255,.4)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}

/* ── Pages ── */
.page{display:none;animation:fadeIn .3s ease}
.page.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* ── Steps / route timeline ── */
.timeline{display:flex;flex-direction:column;gap:0}
.timeline-step{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--border)}
.timeline-step:last-child{border-bottom:none}
.timeline-num{width:36px;height:36px;border-radius:50%;background:var(--crimson);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.timeline-body h4{color:var(--navy);margin-bottom:4px}
.timeline-body p{font-size:.82rem;color:var(--text-muted);max-width:none}

/* ── Stat row ── */
.stats-row{display:flex;flex-wrap:wrap;gap:32px;padding:28px 0;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);margin:32px 0}
.stat-item{text-align:center}
.stat-num{display:block;font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:700;color:#fff;line-height:1}
.stat-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);margin-top:4px}

/* ── Breadcrumb ── */
.breadcrumb{background:var(--bg-light);border-bottom:1px solid var(--border);padding:10px 0}
.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;font-size:.75rem;color:var(--text-muted)}
.breadcrumb li+li::before{content:'/';color:var(--border);padding-right:6px}
.breadcrumb a{color:var(--crimson);font-weight:500}
.breadcrumb li:last-child{color:var(--text)}

/* ── Trust bar ── */
.trust-bar{background:var(--navy);padding:14px 0}
.trust-bar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px}
.trust-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:rgba(203,213,225,.85);font-weight:500}
.trust-icon{font-size:1rem}

/* ── SEO prose section ── */
.seo-section{padding:72px 0}
.seo-section h2{margin-bottom:20px}
.seo-section h3{margin:32px 0 12px;color:var(--navy)}
.seo-section p{margin-bottom:16px;max-width:none;font-size:.925rem;line-height:1.8;color:var(--text-muted)}
.seo-section ul{margin:12px 0 20px 20px;display:flex;flex-direction:column;gap:8px}
.seo-section ul li{font-size:.925rem;color:var(--text-muted);line-height:1.7}
.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media(max-width:768px){.seo-grid{grid-template-columns:1fr}}

/* ══════════ NEW BRANDING — matches Anas-lux React app ══════════ */
:root{--nav-h:80px;--ink:#071224;--wrap:1260px}
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);background:rgba(10,29,55,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(230,57,70,.25)}
.site-nav .nav-inner{max-width:var(--wrap);padding:0 max(16px,env(safe-area-inset-left,0px)) 0 max(16px,env(safe-area-inset-left,0px));gap:20px}
.nav-logo{gap:12px}
.logo-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#c41e3a,#0a1d37);border:1.5px solid #cf2a3c;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px rgba(196,30,58,.25);transition:transform .2s;flex-shrink:0}
.logo-mark svg{width:24px;height:24px}
.nav-logo:hover .logo-mark{transform:scale(1.05)}
.logo-words{display:flex;flex-direction:column;line-height:1.1}
.nav-logo .logo-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.45rem;font-weight:700;letter-spacing:-.01em;color:#fff;text-transform:none}
.nav-logo .logo-sub{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#cf2a3c;margin-top:2px}
.site-nav .nav-links{gap:2px}
.site-nav .nav-links a{font-size:14px;font-weight:600;color:#fff;padding:8px 11px;background:none;border-radius:0}
.site-nav .nav-links a:hover,.site-nav .nav-links a.active{color:#ff5263;background:none}
.site-nav .nav-links a.nav-nye{color:#ff6b78}
.nav-book{height:44px;padding:0 22px!important;font-size:.85rem!important;box-shadow:0 4px 18px rgba(196,30,58,.4)}
.nav-book svg{width:16px;height:16px}
.hamburger{width:44px;height:44px;border:1px solid rgba(230,57,70,.4);border-radius:8px;display:none;align-items:center;justify-content:center;flex-direction:column}
.hamburger span{margin:2.5px 0;width:18px}
.mob-menu{background:#071224;padding-top:calc(var(--nav-h) + 24px)}
.mob-menu a{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;font-weight:600}
@media(max-width:1180px){.site-nav .nav-links{display:none}.hamburger{display:flex}}
@media(max-width:900px){.nav-cta .nav-book{display:none}}
@media(max-width:480px){.nav-logo .logo-name{font-size:1.15rem}.nav-logo .logo-sub{font-size:8.5px;letter-spacing:.14em}.logo-mark{width:38px;height:38px}}

/* Breadcrumb — sits under the fixed header, part of the dark hero band */
nav.breadcrumb{position:relative;height:auto;z-index:3;background:#071224;border-bottom:0;padding:var(--nav-h) 0 0}
nav.breadcrumb li+li::before{padding-right:0}
nav.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 0;font-size:.74rem;font-weight:600;color:#94a3b8;max-width:var(--wrap);margin:0 auto}
nav.breadcrumb .container{max-width:var(--wrap);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
nav.breadcrumb li{display:flex;align-items:center;gap:8px}
nav.breadcrumb li+li::before{content:'›';color:#cf2a3c}
nav.breadcrumb a:hover{color:#ff6b78}
nav.breadcrumb li:last-child{color:#fff}

/* Hero — Hero.tsx: gradient band, 7 / 5 split, framed image card */
.hero,.page-hero,.nye-hero{
  position:relative;overflow:hidden;min-height:0;
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center;justify-content:stretch;text-align:left;
  background:linear-gradient(135deg,#071224 0%,#0a1d37 50%,#12284c 100%);
  border-bottom:1px solid rgba(230,57,70,.2);
  padding-block:72px 96px;
  padding-left:max(16px,env(safe-area-inset-left,0px),calc((100% - 1228px)/2));
  padding-right:max(16px,env(safe-area-inset-right,0px),calc((100% - 1228px)/2));
}
.hero::before,.page-hero::before,.nye-hero::before{content:'';position:absolute;top:-128px;right:-96px;left:auto;bottom:auto;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(196,30,58,.22) 0%,transparent 70%);filter:blur(24px);pointer-events:none;inset:auto -96px auto auto;z-index:0}
.hero::after,.page-hero::after,.nye-hero::after{content:'';position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(27,73,133,.35) 0%,transparent 70%);filter:blur(36px);pointer-events:none;z-index:0}
.hero-content,.page-hero .hero-text-side,.nye-hero-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0;margin:0;max-width:none;text-align:left;min-width:0}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:rgba(230,57,70,.15);border:1px solid rgba(230,57,70,.45);color:#ff6b78;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 24px}
.page-hero .eyebrow{justify-content:flex-start;color:#ff6b78}
.page-hero .eyebrow::before,.page-hero .eyebrow::after{background:#cf2a3c}
.hero-h1,.page-hero h1,.nye-hero h1{color:#fff!important;font-size:clamp(2.3rem,4.6vw,3.5rem);font-weight:700;line-height:1.12;letter-spacing:-.01em;text-shadow:none;margin:0 0 20px!important}
.hero-h1 em,.page-hero h1 em,.nye-hero h1 em{color:#ff5263!important;font-style:italic;font-weight:500}
.hero-h1 br,.page-hero h1 br,.nye-hero h1 br{display:none}
.hero-p,.page-hero p,.nye-hero-text>p{color:#cbd5e1!important;font-size:1.06rem;font-weight:300;line-height:1.75;max-width:40rem;margin:0 0 28px!important;text-shadow:none;text-align:left}
.page-hero p{margin-bottom:0!important}
.hero-btns{justify-content:flex-start;gap:14px;margin:0 0 32px}
.hero .btn,.nye-hero .btn{height:52px;padding:0 30px}
.hero-rating{background:none;border:none;border-top:1px solid rgba(255,255,255,.15);border-radius:0;padding:20px 0 0;backdrop-filter:none;width:100%;gap:14px}
.hero-rating .stars{color:#ff5263;letter-spacing:2px}
.hero-rating-text{font-size:.85rem;color:#cbd5e1}
.stats-row{justify-content:flex-start;gap:32px;margin:0 0 28px}
.stat-item{align-items:flex-start}
.stat-num{color:#fff}
.nye-hero .countdown-wrap{justify-content:flex-start;margin:4px 0 16px}

.hero-visual{position:relative;z-index:2;min-width:0;padding-bottom:12px}
.hero-card{position:relative;border-radius:16px;overflow:hidden;border:2px solid rgba(230,57,70,.4);box-shadow:0 20px 50px rgba(7,18,36,.6),0 0 30px rgba(196,30,58,.25);aspect-ratio:16/11;max-width:100%;background:#0a1d37}
.hero-card-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s ease}
.hero-card:hover .hero-card-img{transform:scale(1.05)}
.hero-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(7,18,36,.8) 0%,transparent 55%);pointer-events:none}
.hero-badge{position:absolute;bottom:-12px;left:-24px;max-width:320px;display:flex;align-items:center;gap:14px;padding:16px;background:#0a1d37;border:1px solid #cf2a3c;border-radius:12px;box-shadow:0 10px 28px rgba(196,30,58,.35);color:#fff}
.hero-badge-icon{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:rgba(230,57,70,.2);border:1px solid rgba(230,57,70,.5);display:flex;align-items:center;justify-content:center;color:#ff6b78;font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:700}
.hero-badge-text{display:flex;flex-direction:column;line-height:1.25}
.hero-badge-text strong{font-size:.875rem;font-weight:700;color:#fff}
.hero-badge-text span{font-size:.75rem;color:#cbd5e1;margin-top:3px}
.page-hero .hero-img-side,.nye-hero-img{display:none}

@media(max-width:1000px){
  .hero,.page-hero,.nye-hero{grid-template-columns:1fr;gap:48px;padding-block:48px 80px}
  .hero-visual{max-width:560px;width:100%}
  .hero-badge{left:-8px}
}
@media(max-width:560px){
  .hero-btns .btn{width:100%}
  .hero-badge{left:12px;right:12px;bottom:-24px;max-width:none}
  .hero-visual{padding-bottom:24px}
}

/* Footer — Footer.tsx */
footer{background:#071224;border-top:1px solid rgba(230,57,70,.2);color:#cbd5e1}
.footer-brand-name{font-size:1.35rem;letter-spacing:-.01em;text-transform:uppercase}
.footer-brand-sub{color:#cf2a3c;font-weight:800;letter-spacing:.2em;font-size:10px}
.footer-brand p{color:#94a3b8}
.footer-col h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.footer-col a{color:#cbd5e1}
.footer-col a:hover{color:#ff6b78}
::selection{background:#c41e3a;color:#fff}

/* ══════════ Simple text-first pages (About, Blog, FAQ, Articles) ══════════ */
.page-simple nav.breadcrumb{background:var(--bg-light)}
.page-simple nav.breadcrumb ol{color:var(--text-muted)}
.page-simple nav.breadcrumb a{color:var(--crimson)}
.page-simple nav.breadcrumb li:last-child{color:var(--navy)}
.narrow-page .container,.narrow-page nav.breadcrumb .container{max-width:820px}
.simple-head{background:var(--bg-light);border-bottom:1px solid var(--border);padding-block:28px 44px}
.kicker,.post-cat{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--crimson)!important;margin-bottom:12px}
.simple-head h1{font-size:clamp(2rem,4.2vw,2.9rem);color:var(--navy);margin-bottom:14px;max-width:26ch}
.lead{font-size:1.08rem;color:#334155;max-width:62ch;line-height:1.75}
.fact-line{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:.85rem;font-weight:600;color:var(--navy)}
.fact-line li::before{content:'✓';color:var(--crimson);margin-right:6px}
.post-meta{font-size:.8rem;color:var(--text-muted);margin-top:14px}
.simple-body{padding-block:56px}
.prose{max-width:720px;min-width:0}
.prose h2{font-size:clamp(1.5rem,2.6vw,1.9rem);margin:40px 0 12px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.2rem;margin:28px 0 8px;color:var(--navy)}
.prose p,.prose li{font-size:1rem;color:#334155;line-height:1.8}
.prose p{margin-bottom:16px;max-width:none}
.prose ul,.prose ol{margin:0 0 22px 22px;display:flex;flex-direction:column;gap:8px}
.prose a,.seo-section p a{color:var(--crimson);text-decoration:underline;text-underline-offset:3px}
.jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.jump a{font-size:.8rem;font-weight:600;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--navy);transition:.15s}
.jump a:hover{border-color:var(--crimson);color:var(--crimson)}
.qa-list h2{scroll-margin-top:calc(var(--nav-h) + 16px)}
.qa{border-bottom:1px solid var(--border);padding-bottom:8px}
.prose .qa-q{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.02rem;font-weight:700;color:var(--navy);margin:22px 0 6px;text-wrap:pretty}
.post-list{display:flex;flex-direction:column}
.post-row{padding:28px 0;border-bottom:1px solid var(--border)}
.post-row:first-child{padding-top:0}
.post-row .post-cat{margin-bottom:6px}
.post-row h2{font-size:clamp(1.35rem,2.4vw,1.7rem);margin-bottom:8px}
.post-row h2 a{color:var(--navy);transition:color .15s}
.post-row h2 a:hover{color:var(--crimson)}
.post-row p{font-size:.95rem;max-width:none}
.post-row .post-meta{margin-top:8px}
.table-scroll{overflow-x:auto;margin:8px 0 24px;border:1px solid var(--border);border-radius:12px}
.cmp{width:100%;border-collapse:collapse;font-size:.9rem;min-width:600px;background:#fff}
.cmp th,.cmp td{padding:13px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;line-height:1.55}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.cmp thead th{background:var(--navy);color:#fff;font-weight:700;font-size:.85rem}
.cmp tbody th{color:var(--navy);font-weight:700;white-space:nowrap;background:var(--bg-light)}
.cmp td{color:#334155}
.timeline{list-style:none;max-width:760px;margin:0 auto;border-left:2px solid rgba(230,57,70,.35);padding-left:28px}
.timeline li{position:relative;padding-bottom:26px;display:flex;flex-direction:column;gap:4px}
.timeline li:last-child{padding-bottom:0}
.timeline li::before{content:'';position:absolute;left:-35px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--crimson);box-shadow:0 0 0 4px rgba(230,57,70,.18)}
.timeline strong{color:var(--navy);font-size:1.02rem}
.timeline span{color:var(--text-muted);font-size:.93rem;line-height:1.65}
.tip{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;min-width:0}
.tip h3{font-size:1.25rem;margin-bottom:8px;color:var(--navy)}
.tip p{font-size:.9rem}
.tip-link{display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s}
.tip-link span{margin-top:auto;padding-top:14px;font-weight:700;color:var(--crimson);font-size:.85rem}
.tip-link:hover{border-color:var(--crimson);box-shadow:0 12px 32px rgba(10,29,55,.1);transform:translateY(-2px)}
.post-cta{border:1px solid var(--border);border-left:4px solid var(--crimson);border-radius:12px;padding:28px;background:var(--bg-light)}
.post-cta h2{font-size:1.6rem;margin-bottom:8px}
.post-cta p{margin-bottom:18px}
.related{margin-top:40px;padding-bottom:24px}
.related h2{font-size:1.4rem;margin-bottom:14px}
.related ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.related a{color:var(--navy);font-weight:600;border-bottom:1px solid var(--border)}
.related a:hover{color:var(--crimson);border-color:var(--crimson)}
@media(max-width:560px){.simple-head{padding-block:20px 32px}.simple-body{padding-block:40px}.post-cta{padding:22px}}

/* ══════════ HOME (ported from Anas-lux React app) ══════════ */
.hero.hero-home{padding-top:calc(var(--nav-h) + 64px)}
@media(max-width:1000px){.hero.hero-home{padding-top:calc(var(--nav-h) + 40px)}}
.hero-textlink{color:#cbd5e1;font-size:.8rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.hero-textlink:hover{color:#fff}
.ico-wa{width:16px;height:16px;color:#25d366;flex-shrink:0}
.hl-bar{background:#0a1d37;border-block:1px solid rgba(230,57,70,.25);padding-left:max(16px,env(safe-area-inset-left,0px),calc((100% - 1228px)/2));padding-right:max(16px,env(safe-area-inset-right,0px),calc((100% - 1228px)/2))}
.hl-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.hl-grid li{display:flex;align-items:center;gap:14px;padding:24px 18px;border-left:1px solid rgba(255,255,255,.1);min-width:0}
.hl-grid li:first-child{border-left:0;padding-left:0}
.hl-ico,.pillar-ico{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hl-ico{background:rgba(230,57,70,.15);border:1px solid rgba(230,57,70,.4);color:#ff6b78}
.hl-ico svg,.pillar-ico svg{width:22px;height:22px}
.hl-grid strong{display:block;color:#fff;font-size:.95rem;margin-bottom:2px}
.hl-grid small{color:#cbd5e1;font-size:.8rem}
@media(max-width:960px){.hl-grid{grid-template-columns:1fr 1fr}.hl-grid li{border-left:0;padding-left:0;border-bottom:1px solid rgba(255,255,255,.08)}}
@media(max-width:520px){.hl-grid{grid-template-columns:1fr}.hl-grid li{padding-block:16px}}
.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.intro-text h2{font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:18px}
.intro-text p{color:#3b4e68;margin-bottom:16px;font-size:1rem}
.intro-text p a{color:var(--crimson);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.perk-grid{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 28px}
.perk-grid li{display:flex;align-items:center;gap:10px;background:#f8fafd;border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-weight:600;font-size:.88rem;color:var(--navy)}
.perk-grid li::before{content:'✓';width:20px;height:20px;border-radius:50%;background:#fbecee;color:#c41e3a;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.intro-ctas{display:flex;flex-wrap:wrap;gap:12px}
.intro-visual{position:relative;padding-bottom:28px;min-width:0}
.intro-img{aspect-ratio:4/3.3;max-width:100%;border-radius:16px;background-color:#0a1d37;background-size:cover;background-position:center;border:1px solid var(--border);box-shadow:0 25px 50px rgba(10,29,55,.22)}
.intro-badge{position:absolute;bottom:0;left:-24px;max-width:280px;display:flex;flex-direction:column;gap:6px;background:#0a1d37;border:1px solid #cf2a3c;border-radius:12px;padding:18px 20px;box-shadow:0 10px 28px rgba(196,30,58,.35)}
.intro-badge strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.4rem;line-height:1;color:#ff5263}
.intro-badge span{font-size:.82rem;color:#cbd5e1;line-height:1.45}
@media(max-width:900px){.intro-grid{grid-template-columns:1fr;gap:48px}.intro-badge{left:12px}}
@media(max-width:480px){.perk-grid{grid-template-columns:1fr}}
.routes-band{background:#0a1d37}
.routes-band .sec-header h2{color:#fff}
.routes-band .sec-header p{color:#cbd5e1}
.routes-band .eyebrow{color:#ff6b78}
.route-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.route-card{display:flex;flex-direction:column;background:rgba(16,41,78,.7);border:1px solid rgba(230,57,70,.3);border-radius:16px;overflow:hidden;transition:transform .3s,background .3s,border-color .3s,box-shadow .3s;min-width:0}
.route-card:hover{background:#15325b;border-color:#ff5263;transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.4)}
.route-img{position:relative;aspect-ratio:16/10;max-width:100%;background-color:#071224;background-size:cover;background-position:center}
.route-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,#0a1d37 0%,transparent 60%);opacity:.8}
.route-tag{position:absolute;left:12px;bottom:12px;z-index:1;padding:4px 12px;border-radius:999px;background:rgba(7,18,36,.9);border:1px solid #cf2a3c;color:#ff6b78;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.route-body{display:flex;flex-direction:column;flex:1;padding:26px}
.route-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.2rem;font-weight:700;line-height:1;color:#ff5263;margin-bottom:10px}
.route-body h3{color:#fff;font-size:1.5rem;margin-bottom:10px;transition:color .2s}
.route-card:hover h3{color:#ff6b78}
.route-body p{color:#cbd5e1;font-size:.92rem;font-weight:300;flex:1;margin-bottom:20px}
.route-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.route-price{color:#cbd5e1;font-size:.85rem}
.route-price strong{color:#fff;font-size:1.05rem}
.route-link{color:#ff6b78;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nye-band{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:center;padding:48px;border-radius:20px;border:1px solid rgba(230,57,70,.35);background:linear-gradient(135deg,#071224 0%,#0a1d37 55%,#12284c 100%)}
.nye-band::before{content:'';position:absolute;top:-120px;right:-80px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(196,30,58,.25) 0%,transparent 70%);pointer-events:none}
.nye-band>*{position:relative}
.nye-band .hero-eyebrow{margin-bottom:16px}
.nye-band h2{color:#fff;margin-bottom:12px}
.nye-band p{color:#cbd5e1}
.nye-band-ctas{display:flex;flex-direction:column;gap:12px}
@media(max-width:900px){.nye-band{grid-template-columns:1fr;padding:32px 24px}}
.pillars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.pillar{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;transition:transform .3s,box-shadow .3s,border-color .3s}
.pillar:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(10,29,55,.08);border-color:#c41e3a}
.pillar-ico{background:#fbecee;color:#c41e3a;margin-bottom:16px}
.pillar h3{font-size:1.3rem;color:var(--navy);margin-bottom:8px}
.pillar p{font-size:.86rem;line-height:1.65}
@media(max-width:1100px){.pillars{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.pillars{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.pillars{grid-template-columns:1fr}}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;gap:16px}
.gallery figure{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#0a1d37}
.gallery .g-wide{grid-column:span 2}
.g-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s ease}
.gallery figure:hover .g-img{transform:scale(1.05)}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:32px 16px 14px;background:linear-gradient(to top,rgba(7,18,36,.85),transparent);color:#fff;font-size:.82rem;font-weight:600}
@media(max-width:900px){.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:200px}}
@media(max-width:520px){.gallery{grid-template-columns:1fr}.gallery .g-wide{grid-column:auto}}
.reviews-band{display:grid;grid-template-columns:auto minmax(0,1fr);gap:48px;align-items:center}
.reviews-score{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 36px;border:1px solid rgba(230,57,70,.4);border-radius:16px;background:rgba(255,255,255,.04)}
.reviews-num{font-family:'Cormorant Garamond',Georgia,serif;font-size:3.6rem;font-weight:700;line-height:1;color:#fff}
.reviews-score .stars{color:#ff5263;letter-spacing:3px}
.reviews-sub{color:#cbd5e1;font-size:.8rem}
.reviews-band h2{color:#fff;margin-bottom:10px}
.reviews-band p{color:#cbd5e1;margin-bottom:20px}
@media(max-width:700px){.reviews-band{grid-template-columns:1fr;gap:28px}.reviews-score{align-self:start}}

/* brand images */
:root{--img-dhow-deck-dining:url('/assets/img/dhow-deck-dining.jpg');--img-dubai-gulf-waters:url('/assets/img/dubai-gulf-waters.jpg');--img-dubai-creek-sunset:url('/assets/img/dubai-creek-sunset.jpg');--img-ras-al-khor-wetlands:url('/assets/img/ras-al-khor-wetlands.jpg')}
/* static-site additions */
[id]{scroll-margin-top:calc(var(--nav-h) + 16px)}
img.hero-card-img{width:100%;height:100%;object-fit:cover}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:200;background:#fff;color:var(--navy);padding:10px 16px;border-radius:8px;font-weight:700}
.skip-link:focus{left:16px}

/* ══════════ Live-content components (rebuilt from the WordPress site) ══════════ */
.nav-logo-img{height:48px;width:auto;display:block}
@media(max-width:480px){.nav-logo-img{height:40px}}
main{padding-top:var(--nav-h)}
.page{display:block}
.lx-wrap{max-width:1228px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.lx-sec{padding-block:72px}
.lx-sec--light{background:var(--bg-light)}
.lx-stack{display:flex;flex-direction:column;gap:18px;min-width:0}
.lx-stack>.lx-stack{gap:14px}
.lx-grid{display:grid;gap:24px;align-items:start;margin-top:8px}
.lx-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lx-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lx-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:960px){.lx-grid--3,.lx-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.lx-grid--2,.lx-grid--3,.lx-grid--4{grid-template-columns:1fr}}
.lx-h{color:var(--navy);text-wrap:balance;overflow-wrap:anywhere}
main a{overflow-wrap:anywhere}
h1.lx-h,.lx-sec h1{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.12}
.lx-sec h2.lx-h{font-size:clamp(1.6rem,3.2vw,2.5rem)}
.lx-sec h3.lx-h{font-size:clamp(1.25rem,2.2vw,1.6rem)}
.lx-sec h4.lx-h,.lx-sec h5.lx-h,.lx-sec h6.lx-h{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:700}
.lx-prose{color:#334155;font-size:1rem;line-height:1.8;min-width:0}
.lx-prose p,.lx-prose ul,.lx-prose ol,.lx-prose table{margin-bottom:14px;max-width:none}
.lx-prose ul,.lx-prose ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.lx-prose a,.lx-article a{color:var(--crimson);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.lx-prose table,.lx-article table{width:100%;border-collapse:collapse;font-size:.92rem}
.lx-prose th,.lx-prose td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}
.lx-prose th{background:var(--bg-light);color:var(--navy)}
.lx-prose img{border-radius:12px;height:auto}
.lx-sec .btn{width:fit-content}
.lx-checks{list-style:none;display:grid;gap:10px}
.lx-checks li{display:flex;gap:10px;align-items:flex-start;color:#334155}
.lx-checks li::before{content:'✓';flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#fbecee;color:#c41e3a;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:2px}
.lx-ibox{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;height:100%;transition:transform .25s,box-shadow .25s,border-color .25s}
.lx-ibox:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(10,29,55,.08);border-color:#c41e3a}
.lx-ibox-ico{display:flex;width:42px;height:42px;border-radius:50%;background:#fbecee;margin-bottom:14px;position:relative}
.lx-ibox-ico::after{content:'✦';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#c41e3a;font-size:1rem}
.lx-ibox h2,.lx-ibox h3,.lx-ibox h4,.lx-ibox h5,.lx-ibox h6{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.3rem;color:var(--navy);margin-bottom:6px}
.lx-ibox p{font-size:.9rem;color:var(--text-muted)}
.lx-img{margin:0}
.lx-img img{border-radius:14px;width:100%;height:auto;object-fit:cover}
.lx-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.lx-gallery figure{margin:0;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#0a1d37}
.lx-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.lx-gallery figure:hover img{transform:scale(1.05)}
.lx-tabs{display:flex;flex-direction:column;gap:18px;min-width:0}
.lx-tablist{display:flex;flex-wrap:wrap;gap:8px}
.lx-tab{font:inherit;font-weight:700;font-size:.88rem;padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--navy);cursor:pointer;transition:.15s}
.lx-tab:hover{border-color:var(--crimson);color:var(--crimson)}
.lx-tab.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.lx-tabpane{display:flex;flex-direction:column;gap:16px}
.lx-tabpane[hidden]{display:none}
.lx-faq{display:grid;gap:12px}
.lx-sec .lx-grid>.lx-faq,.lx-grid .lx-faq{gap:12px}
.lx-qa{background:#fff;border:1px solid var(--border);border-radius:14px;padding:0 20px}
.lx-qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}
.lx-qa summary::-webkit-details-marker{display:none}
.lx-qa summary::after{content:'+';font-size:1.4rem;color:var(--crimson);flex-shrink:0;line-height:1}
.lx-qa[open] summary::after{content:'–'}
.lx-q{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem!important;font-weight:700;color:var(--navy);margin:0}
.lx-a{padding:0 0 18px;color:#334155}
.lx-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.lx-quote{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px}
.lx-quote .lx-h{font-size:1rem!important;font-family:'Plus Jakarta Sans',sans-serif;color:var(--crimson)}
.lx-stars{color:#ff5263;letter-spacing:3px}
.lx-stat{display:flex;flex-direction:column;align-items:flex-start}
.lx-stat strong{font-family:'Cormorant Garamond',serif;font-size:2.4rem;color:var(--crimson);line-height:1}
.lx-map iframe{width:100%;height:340px;border:0;border-radius:14px;display:block}
.lx-media{display:flex;flex-direction:column;gap:10px}
.lx-media-main{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:16px;border:2px solid rgba(230,57,70,.3);box-shadow:0 20px 40px rgba(10,29,55,.18)}
.lx-media-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}
.lx-media-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;cursor:pointer;opacity:.85;transition:opacity .15s,transform .15s}
.lx-media-thumbs img:hover{opacity:1;transform:translateY(-2px)}
.lx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.lx-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.lx-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(10,29,55,.1)}
.lx-card .lx-stack{padding:0 20px 20px}
.lx-card>.lx-stack:first-child{padding:0}
.lx-card .lx-img img{border-radius:0;aspect-ratio:16/11}
.lx-card h2,.lx-card h3{font-size:1.3rem!important}
.lx-card .btn{padding:11px 18px;font-size:.82rem}
.lx-card .lx-grid--2{gap:10px}
.lx-form{display:grid;gap:14px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px}
.lx-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:var(--navy)}
.lx-field input,.lx-field textarea,.lx-field select{font:inherit;font-weight:400;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text)}
.lx-field input:focus,.lx-field textarea:focus{outline:2px solid rgba(230,57,70,.35);border-color:var(--crimson)}
.lx-form-note{font-size:.78rem;color:var(--text-muted)}
/* hero band = first section of each page */
.lx-hero{background:linear-gradient(135deg,#071224 0%,#0a1d37 50%,#12284c 100%);position:relative;overflow:hidden;border-bottom:1px solid rgba(230,57,70,.2);padding-block:88px}
.lx-hero::before{content:'';position:absolute;top:-128px;right:-96px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(196,30,58,.22) 0%,transparent 70%);filter:blur(24px);pointer-events:none}
.lx-hero .lx-wrap{position:relative}
.lx-hero .lx-h,.lx-hero h1,.lx-hero h2,.lx-hero h3{color:#fff}
.lx-hero h1{max-width:24ch}
.lx-hero .lx-prose,.lx-hero .lx-prose p,.lx-hero p{color:#cbd5e1;font-size:1.06rem;max-width:62ch}
.lx-hero .lx-checks li{color:#cbd5e1}
.lx-hero .btn-outline{color:#fff;border-color:rgba(255,255,255,.35)}
.lx-hero .lx-ibox{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.lx-hero .lx-ibox h2,.lx-hero .lx-ibox h3,.lx-hero .lx-ibox h4{color:#fff}
.lx-hero .lx-ibox p{color:#cbd5e1}
.lx-hero .breadcrumb{background:none;padding:0 0 18px}
.lx-hero .breadcrumb .container{padding:0;max-width:none}
.lx-hero--compact{padding-block:56px}
.lx-lead{color:#cbd5e1;font-size:1.06rem;max-width:62ch;margin-top:12px}
/* product */
.lx-pband{background:linear-gradient(135deg,#071224,#0a1d37 55%,#12284c);border-bottom:1px solid rgba(230,57,70,.2);padding-block:22px 18px}
.lx-pband .breadcrumb{background:none;padding:0}
.lx-pband .breadcrumb .container{padding:0;max-width:none}
.lx-eyebrow-band{color:#ff6b78;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-top:10px}
.lx-product{padding-block:48px 72px}
.lx-product-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.lx-product-main{display:flex;flex-direction:column;gap:28px;min-width:0}
.lx-psec > .lx-grid--2{grid-template-columns:1fr}
.lx-grid--3 h2.lx-h,.lx-grid--4 h2.lx-h,.lx-grid--3 h3.lx-h,.lx-grid--4 h3.lx-h{font-size:clamp(1.15rem,1.6vw,1.4rem)!important;line-height:1.3}
.lx-grid--3 .lx-img img,.lx-grid--4 .lx-img img{aspect-ratio:16/11}
.lx-more{font-size:.82rem;font-weight:800;color:var(--crimson);width:fit-content}
.lx-gallery--row{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.lx-product-main h1{font-size:clamp(1.9rem,3.6vw,2.7rem);color:var(--navy)}
.lx-product-main h2.lx-h{font-family:'Plus Jakarta Sans',sans-serif;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--crimson)}
.lx-book{position:sticky;top:calc(var(--nav-h) + 20px);background:#fff;border:1px solid var(--border);border-top:4px solid var(--crimson);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 40px rgba(10,29,55,.08)}
.lx-book-label{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--crimson)}
.lx-book-price{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:700;color:var(--navy);line-height:1}
.lx-book-price span,.lx-book-child{font-family:'Plus Jakarta Sans',sans-serif;font-size:.85rem;font-weight:500;color:var(--text-muted)}
.lx-book .btn{width:100%}
.lx-book-note{font-size:.78rem;color:var(--text-muted);text-align:center}
@media(max-width:960px){.lx-product-grid{grid-template-columns:1fr}.lx-book{position:static}}
/* cards for archives / related */
.lx-sec-title{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:24px;color:var(--navy)}
.lx-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.lx-pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.lx-pcard:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(10,29,55,.1);border-color:#c41e3a}
.lx-pcard-img{aspect-ratio:16/10;background:#0a1d37 center/cover no-repeat}
.lx-pcard-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.lx-pcard-body h3{font-size:1.3rem;color:var(--navy);line-height:1.25}
.lx-pcard-body p{font-size:.88rem}
.lx-pcard-price{font-family:'Cormorant Garamond',serif;font-size:1.6rem!important;font-weight:700;color:var(--crimson)}
.lx-pcard-price span{font-family:'Plus Jakarta Sans',sans-serif;font-size:.8rem;color:var(--text-muted);font-weight:500}
.lx-pcard-link{margin-top:auto;font-size:.82rem;font-weight:800;color:var(--crimson)}
/* blog article */
.lx-article{max-width:900px;margin:0 auto;padding:40px max(16px,env(safe-area-inset-left,0px)) 72px;color:#334155;font-size:1.02rem;line-height:1.85}
.lx-article>h1:first-child,.lx-article>.lx-article-meta+h1{font-size:clamp(2rem,4vw,2.9rem);color:var(--navy);margin-bottom:18px}
.lx-article h2{font-size:clamp(1.5rem,2.6vw,2rem);color:var(--navy);margin:36px 0 12px}
.lx-article h3{font-size:1.3rem;color:var(--navy);margin:24px 0 8px}
.lx-article p{max-width:none;margin-bottom:16px}
.lx-article ul,.lx-article ol{padding-left:22px;margin-bottom:18px}
.lx-article li{margin-bottom:6px}
.lx-article img{border-radius:14px;height:auto}
.lx-article-meta{font-size:.82rem;color:var(--text-muted);margin-bottom:16px}
.lx-raw{min-width:0}
main>article.lx-article{max-width:900px!important;margin:0 auto!important;padding:40px max(16px,env(safe-area-inset-left,0px)) 72px!important;background:none!important;min-height:0!important}
.lx-rawsec{padding-block:40px}
.lx-article div,.lx-raw div{min-width:0}
.lx-article [class*="tbl"],.lx-article [class*="table"],.lx-raw [class*="tbl"],.lx-raw [class*="table-wrap"]{max-width:100%;overflow-x:auto}
main nav:not(.breadcrumb){position:static;height:auto;z-index:auto;background:none}
body:not(.kind-post) nav.breadcrumb{padding-top:0}
.kind-post nav.breadcrumb,.kind-archive nav.breadcrumb{position:relative;height:auto;padding-top:0}
.kind-post nav.breadcrumb{background:var(--bg-light);border-bottom:1px solid var(--border)}
.kind-post nav.breadcrumb ol{color:var(--text-muted);padding:14px 0}
.kind-post nav.breadcrumb a{color:var(--crimson)}
.kind-post nav.breadcrumb li:last-child{color:var(--navy)}
nav.breadcrumb .container{max-width:1228px}

/* QA fixes */
:root{--text-muted:#556170}
.btn-wa{background:#15803d!important;color:#fff!important}
.btn-wa:hover{background:#166534!important}
.footer-bottom p{color:#94a3b8}
main img{height:auto}
.lx-media-main{height:auto}
.lx-raw a[class~="wa"],.lx-article a[class~="wa"]{background:#15803d!important;color:#fff!important}

/* ---- complete build: homepage + photos on every page ---- */
.hero-card .hero-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.15);width:100%}
.hero-facts li{color:#cbd5e1;font-size:.85rem;display:flex;align-items:center;gap:8px}
.hero-facts li::before{content:'✓';color:#ff5263;font-weight:800}
.intro-img{position:relative;overflow:hidden}
.intro-img img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
.route-img img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;opacity:1;transition:transform .6s}
.route-card:hover .route-img img{transform:scale(1.05)}
.route-img .route-tag{z-index:1}
.gallery .g-img{width:100%;height:100%!important;object-fit:cover;display:block;transition:transform .6s}
.lx-pgrid--home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:900px){.lx-pgrid--home{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lx-pgrid--home{grid-template-columns:1fr}}
.lx-pcard-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0a1d37}
.lx-pcard-media img{width:100%;height:100%!important;object-fit:cover;transition:transform .6s}
.lx-pcard:hover .lx-pcard-media img{transform:scale(1.05)}
.lx-pcard-media .route-tag{position:absolute;top:12px;left:12px;bottom:auto}
.home-more{text-align:center;margin:32px auto 0}
.nye-band--photo{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.nye-band-ctas--row{flex-direction:row;flex-wrap:wrap;margin-top:24px}
.nye-band-img{border-radius:14px;overflow:hidden;aspect-ratio:4/3;border:1px solid rgba(230,57,70,.35)}
.nye-band-img img{width:100%;height:100%!important;object-fit:cover}
@media(max-width:900px){.nye-band--photo{grid-template-columns:1fr}}
.reviews-num{color:#ff5263}
/* hero photo on inner pages */
.lx-hero--media>.lx-wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.lx-hero-text{min-width:0}
.lx-hero-media{position:relative;z-index:1;min-width:0}
.lx-hero-media .hero-card{aspect-ratio:4/3}
.lx-hero--compact.lx-hero--media .hero-card{aspect-ratio:16/9}
@media(max-width:900px){.lx-hero--media>.lx-wrap{grid-template-columns:1fr;gap:32px}.lx-hero-media{max-width:560px}}
/* photo strip for text-first pages */
.lx-strip-sec{padding-block:40px 8px}
.lx-strip{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}
.lx-strip figure{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#0a1d37}
.lx-strip figure:first-child{aspect-ratio:auto}
.lx-strip img{width:100%;height:100%!important;object-fit:cover;display:block}
@media(max-width:700px){.lx-strip{grid-template-columns:1fr 1fr}.lx-strip figure:first-child{grid-column:1/-1;aspect-ratio:16/9}}
/* featured photo in blog posts */
.lx-post-figure{margin:32px 0;border-radius:14px;overflow:hidden}
.lx-post-figure img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
.lx-post-figure figcaption{font-size:.82rem;color:var(--text-muted);padding:10px 2px 0;background:none}

/* ---- NYE landing page (/new-year-lp-2026/) ---- */
.nye-count{display:flex;gap:10px;flex-wrap:wrap;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);width:100%}
.nye-count>div{min-width:72px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(230,57,70,.35);text-align:center}
.nye-count b{display:block;font-family:'Cormorant Garamond',serif;font-size:1.9rem;line-height:1;color:#fff}
.nye-count span{display:block;margin-top:4px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#cbd5e1}
.nye-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 32px}
.nye-filter button{font:600 .85rem 'Plus Jakarta Sans',sans-serif;padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--navy);cursor:pointer}
.nye-filter button.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.nye-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:1000px){.nye-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.nye-grid{grid-template-columns:1fr}}
.nye-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;min-width:0;transition:box-shadow .3s,transform .3s}
.nye-card:hover{box-shadow:0 16px 36px rgba(10,29,55,.1);transform:translateY(-3px)}
.nye-card[hidden]{display:none!important}
.nye-card-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0a1d37}
.nye-card-media img{width:100%;height:100%!important;object-fit:cover;transition:transform .6s}
.nye-card:hover .nye-card-media img{transform:scale(1.05)}
.nye-card-media .route-tag{top:12px;bottom:auto;left:12px}
.nye-card-body{display:flex;flex-direction:column;gap:10px;padding:20px;flex:1}
.nye-card-route{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--crimson);margin:0}
.nye-card h3{font-size:1.3rem;line-height:1.25;margin:0}
.nye-card h3 a{color:var(--navy);text-decoration:none}
.nye-card-price{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:700;color:var(--crimson);margin:0}
.nye-card-price span{font:500 .8rem 'Plus Jakarta Sans',sans-serif;color:var(--text-muted)}
.nye-card-facts{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--border);display:grid;gap:6px}
.nye-card-facts li{display:flex;justify-content:space-between;gap:12px;font-size:.84rem}
.nye-card-facts span{color:var(--text-muted)}
.nye-card-facts b{color:var(--navy);font-weight:600;text-align:right}
.nye-card-ctas{display:flex;gap:10px;margin-top:auto;padding-top:8px}
.nye-card-ctas .btn{flex:1;justify-content:center;padding:12px 10px;font-size:.8rem;white-space:nowrap}
.perk-grid--6{grid-template-columns:1fr 1fr}
.pillars--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.pillars--4{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pillars--4{grid-template-columns:1fr}}
.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;position:relative}
.cta-contacts{margin:20px auto 0!important;font-size:.88rem}
.cta-contacts a{color:#fff}