:root{
  --dl-bg:#050505;
  --dl-panel:#0b0b0b;
  --dl-gold:#f3d65f;
  --dl-gold2:#d8b646;
  --dl-border:rgba(216,182,70,.28);
  --dl-text:#fff;
  --dl-muted:#ddd;
}

body{
  margin:0;
  background:var(--dl-bg);
  color:var(--dl-text);
  font-family:Arial,sans-serif;
}

a{color:inherit}

.dl-nav,
.nav{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(0,0,0,.94);
  border-bottom:1px solid var(--dl-border);
  padding:16px 4vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.dl-brand,
.brand{
  color:var(--dl-gold);
  font-family:Georgia,serif;
  font-weight:900;
  letter-spacing:.14em;
  font-size:30px;
}

.dl-brand span,
.brand span{
  color:#fff;
  font-size:14px;
  font-style:italic;
  margin-left:12px;
  letter-spacing:.04em;
}

.dl-nav a,
.nav a{
  color:#fff;
  text-decoration:none;
  margin-left:22px;
  font-weight:900;
  font-size:13px;
  letter-spacing:.08em;
}

.dl-hero,
.hero{
  position:relative;
  background-size:cover !important;
  background-position:center center !important;
  border-bottom:1px solid var(--dl-border);
}

.dl-btn,
.btn,
.hero-btn{
  display:inline-block;
  background:var(--dl-gold);
  color:#050505 !important;
  border-radius:999px;
  padding:12px 20px;
  text-decoration:none;
  font-weight:900;
}

.dl-btn-outline,
.btn.outline{
  background:transparent;
  color:var(--dl-gold) !important;
  border:1px solid var(--dl-border);
}

.dl-card,
.card{
  background:linear-gradient(145deg,#111,#050505);
  border:1px solid var(--dl-border);
  border-radius:24px;
  overflow:hidden;
}

.dl-grid,
.grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  padding:28px 4vw 70px;
}

.quick-features{
  display:grid;
  gap:8px;
  margin:10px 0 12px;
}

.quick-features span{
  display:block;
  border:1px solid var(--dl-border);
  border-radius:12px;
  padding:9px 11px;
  background:rgba(0,0,0,.45);
  font-weight:800;
  color:#fff;
}

@media(max-width:1000px){
  .dl-grid,.grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){
  .dl-nav,.nav{display:block}
  .dl-brand,.brand{font-size:24px}
  .dl-brand span,.brand span{display:block;margin:5px 0 0}
  .dl-nav a,.nav a{display:inline-block;margin:10px 12px 0 0}
  .dl-grid,.grid{grid-template-columns:1fr}
}

/* Diana London unified public navigation */
.dl-nav.nav,
.nav{
  position:sticky !important;
  top:0 !important;
  z-index:999 !important;
  background:#050505 !important;
  border-bottom:1px solid rgba(216,182,70,.25) !important;
  padding:16px 4vw !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.dl-brand.brand,
.brand{
  color:#f3d65f !important;
  font-family:Georgia,serif !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  font-size:30px !important;
  white-space:nowrap !important;
}

.dl-brand span,
.brand span{
  color:#fff !important;
  font-size:14px !important;
  font-style:italic !important;
  margin-left:12px !important;
  letter-spacing:.04em !important;
  opacity:.95 !important;
}

.dl-nav nav,
.nav nav{
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
  flex-wrap:wrap !important;
}

.dl-nav a,
.nav a{
  color:#fff !important;
  text-decoration:none !important;
  margin:0 !important;
  font-weight:900 !important;
  font-size:13px !important;
  letter-spacing:.09em !important;
}

.dl-nav a:hover,
.nav a:hover{
  color:#f3d65f !important;
}

@media(max-width:900px){
  .dl-nav.nav,.nav{display:block !important}
  .dl-brand.brand,.brand{font-size:23px !important}
  .dl-brand span,.brand span{display:block !important;margin:5px 0 0 !important}
  .dl-nav nav,.nav nav{gap:14px !important;margin-top:12px !important}
}

/* FINAL CLEAN PUBLIC NAV */
.dl-top-nav{
  position:sticky;
  top:0;
  z-index:9999;
  background:#050505;
  border-bottom:1px solid rgba(216,182,70,.28);
  padding:16px 4vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.dl-logo{
  text-decoration:none;
  display:flex;
  align-items:baseline;
  gap:18px;
}

.dl-logo span{
  color:#f3d65f;
  font-family:Georgia,serif;
  font-size:30px;
  font-weight:900;
  letter-spacing:.14em;
  white-space:nowrap;
}

.dl-logo small{
  color:#fff;
  font-family:Georgia,serif;
  font-style:italic;
  font-weight:800;
  font-size:15px;
  white-space:nowrap;
}

.dl-top-nav nav{
  display:flex;
  gap:26px;
  align-items:center;
  flex-wrap:wrap;
}

.dl-top-nav nav a{
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
}

.dl-top-nav nav a:hover{
  color:#f3d65f;
}

/* hide old duplicated menus */
body > header.nav:not(.dl-top-nav),
body > header.dl-nav:not(.dl-top-nav){
  display:none !important;
}

@media(max-width:900px){
  .dl-top-nav{
    display:block;
  }
  .dl-logo{
    display:block;
  }
  .dl-logo span{
    font-size:24px;
  }
  .dl-logo small{
    display:block;
    margin-top:5px;
  }
  .dl-top-nav nav{
    margin-top:12px;
    gap:14px;
  }
}

/* EMERGENCY CLEAN NAV OVERRIDE */
.dl-clean-nav{
  position:sticky !important;
  top:0 !important;
  z-index:99999 !important;
  background:#050505 !important;
  border-bottom:1px solid rgba(216,182,70,.28) !important;
  padding:14px 4vw !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
}

.dl-clean-brand{
  text-decoration:none !important;
  display:flex !important;
  align-items:baseline !important;
  gap:14px !important;
}

.dl-clean-brand strong{
  color:#f3d65f !important;
  font-family:Georgia,serif !important;
  font-size:28px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}

.dl-clean-brand span{
  color:#fff !important;
  font-family:Georgia,serif !important;
  font-style:italic !important;
  font-size:14px !important;
  font-weight:800 !important;
}

.dl-clean-nav nav{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
}

.dl-clean-nav nav a{
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  font-size:13px !important;
  letter-spacing:.08em !important;
}

/* hide remaining old menus */
body > .nav,
body > .dl-nav,
body > header.nav,
body > header.dl-nav,
body > header.dl-top-nav{
  display:none !important;
}

body > header.dl-clean-nav{
  display:flex !important;
}

@media(max-width:900px){
  .dl-clean-nav{display:block !important}
  .dl-clean-brand{display:block !important}
  .dl-clean-brand strong{font-size:24px !important}
  .dl-clean-brand span{display:block !important;margin-top:5px !important}
  .dl-clean-nav nav{margin-top:10px !important;gap:14px !important;flex-wrap:wrap !important}
}

/* FINAL SINGLE CLEAN MENU */
.dl-main-menu{
  position:sticky !important;
  top:0 !important;
  z-index:999999 !important;
  background:#050505 !important;
  border-bottom:1px solid rgba(216,182,70,.28) !important;
  padding:18px 4vw !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
}

.dl-main-logo{
  color:#f3d65f !important;
  text-decoration:none !important;
  font-family:Georgia,serif !important;
  font-size:30px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  white-space:nowrap !important;
}

.dl-main-logo em{
  color:#fff !important;
  font-size:14px !important;
  letter-spacing:.03em !important;
  font-style:italic !important;
  margin-left:14px !important;
}

.dl-main-links{
  display:flex !important;
  gap:26px !important;
  align-items:center !important;
}

.dl-main-links a{
  color:#fff !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

.dl-main-links a:hover{
  color:#f3d65f !important;
}

@media(max-width:900px){
  .dl-main-menu{display:block !important}
  .dl-main-logo{font-size:24px !important}
  .dl-main-logo em{display:block !important;margin:5px 0 0 !important}
  .dl-main-links{margin-top:12px !important;gap:14px !important;flex-wrap:wrap !important}
}

/* SAME PUBLIC MENU ALL PAGES */
.dl-unified-header{
  position:sticky !important;
  top:0 !important;
  z-index:999999 !important;
  background:#050505 !important;
  border-bottom:1px solid rgba(216,182,70,.28) !important;
  padding:16px 4vw !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
}

.dl-unified-header .brand{
  color:#f3d65f !important;
  font-family:Georgia,serif !important;
  font-size:30px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  white-space:nowrap !important;
}

.dl-unified-header .brand span{
  color:#fff !important;
  font-family:Georgia,serif !important;
  font-size:14px !important;
  font-style:italic !important;
  letter-spacing:.04em !important;
  margin-left:12px !important;
}

.dl-unified-header nav{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  flex-wrap:wrap !important;
}

.dl-unified-header nav a{
  color:#fff !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  margin:0 !important;
}

.dl-unified-header nav a:hover{
  color:#f3d65f !important;
}

@media(max-width:900px){
  .dl-unified-header{display:block !important}
  .dl-unified-header .brand{font-size:24px !important}
  .dl-unified-header .brand span{display:block !important;margin:5px 0 0 !important}
  .dl-unified-header nav{margin-top:12px !important;gap:14px !important}
}