/* v65 — Premium editorial / cultural-intelligence header.
   Calmer hierarchy, fewer visible items, refined dropdowns, stronger mobile discipline. */

.premiumTopbar{
  min-height:64px !important;
  padding:10px clamp(20px, 3.2vw, 52px) !important;
  display:flex !important;
  align-items:center !important;
  gap:clamp(18px, 2.4vw, 34px) !important;
  background:
    linear-gradient(180deg, rgba(7,7,7,.90), rgba(7,7,7,.72)) !important;
  border-bottom:1px solid rgba(199,164,90,.22) !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.32),
    inset 0 -1px 0 rgba(255,255,255,.025) !important;
  backdrop-filter:blur(18px) saturate(1.04) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.04) !important;
}

.premiumTopbar .premiumBrand{
  min-width:max-content !important;
  gap:12px !important;
  text-decoration:none !important;
}

.premiumTopbar .brandLogo{
  width:34px !important;
  height:34px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 10px rgba(199,164,90,.20)) !important;
}

.premiumTopbar .brandText{
  font-family:var(--serif, "Cormorant Garamond", "EB Garamond", Georgia, serif) !important;
  font-size:clamp(18px, 1.25vw, 23px) !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:-.025em !important;
  color:rgba(244,234,216,.84) !important;
  text-shadow:0 1px 8px rgba(0,0,0,.22) !important;
  white-space:nowrap !important;
}

.premiumTopbar .premiumNav{
  flex:1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:clamp(10px, 1.1vw, 18px) !important;
  min-width:0 !important;
}

.premiumTopbar .premiumNav > a,
.premiumTopbar .navDropButton{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  padding:9px 0 !important;
  border:0 !important;
  background:transparent !important;
  color:rgba(244,234,216,.70) !important;
  font-family:var(--sans, system-ui, sans-serif) !important;
  font-size:10.5px !important;
  font-weight:720 !important;
  letter-spacing:.145em !important;
  line-height:1.05 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

.premiumTopbar .premiumNav > a::after,
.premiumTopbar .navDropButton::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:2px !important;
  height:1px !important;
  transform:scaleX(0) !important;
  transform-origin:left center !important;
  background:linear-gradient(90deg, rgba(199,164,90,.90), rgba(198,42,42,.45)) !important;
  transition:transform .22s ease, opacity .22s ease !important;
  opacity:.9 !important;
}

.premiumTopbar .premiumNav > a:hover,
.premiumTopbar .premiumNav > a:focus-visible,
.premiumTopbar .premiumDropdown:hover .navDropButton,
.premiumTopbar .premiumDropdown:focus-within .navDropButton{
  color:rgba(255,239,205,.96) !important;
  text-shadow:0 0 16px rgba(199,164,90,.16) !important;
}

.premiumTopbar .premiumNav > a:hover::after,
.premiumTopbar .premiumNav > a:focus-visible::after,
.premiumTopbar .premiumDropdown:hover .navDropButton::after,
.premiumTopbar .premiumDropdown:focus-within .navDropButton::after{
  transform:scaleX(1) !important;
}

.premiumTopbar .navCaret{
  color:rgba(199,164,90,.72) !important;
  font-size:10px !important;
  transform:translateY(-1px) !important;
}

.premiumTopbar .premiumDropdown{
  position:relative !important;
}

.premiumTopbar .premiumMenu{
  position:absolute !important;
  top:calc(100% + 14px) !important;
  left:50% !important;
  min-width:300px !important;
  max-width:min(360px, 88vw) !important;
  transform:translateX(-50%) translateY(6px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  display:grid !important;
  gap:2px !important;
  padding:16px !important;
  border:1px solid rgba(199,164,90,.24) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(199,164,90,.12), transparent 32%),
    linear-gradient(180deg, rgba(12,10,8,.96), rgba(5,5,5,.94)) !important;
  box-shadow:
    0 28px 72px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
  z-index:80 !important;
}

.premiumTopbar .premiumMenu--compact{
  min-width:250px !important;
}

.premiumTopbar .premiumDropdown:hover .premiumMenu,
.premiumTopbar .premiumDropdown:focus-within .premiumMenu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}

.premiumTopbar .premiumMenu::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-16px !important;
  height:16px !important;
}

.premiumTopbar .navMenuLabel{
  margin:0 0 6px !important;
  color:rgba(199,164,90,.72) !important;
  font-family:var(--sans, system-ui, sans-serif) !important;
  font-size:9px !important;
  font-weight:780 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.premiumTopbar .premiumMenu a{
  display:block !important;
  padding:10px 10px !important;
  border-radius:12px !important;
  text-decoration:none !important;
  transition:background .18s ease, transform .18s ease !important;
}

.premiumTopbar .premiumMenu a:hover,
.premiumTopbar .premiumMenu a:focus-visible{
  background:rgba(255,255,255,.045) !important;
  transform:translateX(2px) !important;
}

.premiumTopbar .ddTitle{
  display:block !important;
  color:rgba(244,234,216,.92) !important;
  font-family:var(--serif, Georgia, serif) !important;
  font-size:16px !important;
  line-height:1.1 !important;
  letter-spacing:-.02em !important;
  text-transform:none !important;
}

.premiumTopbar .ddMeta{
  display:block !important;
  margin-top:4px !important;
  color:rgba(244,234,216,.50) !important;
  font-family:var(--sans, system-ui, sans-serif) !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
  line-height:1.3 !important;
  text-transform:uppercase !important;
}

.premiumTopbar .navMenuDivider{
  height:1px !important;
  margin:8px 0 !important;
  background:linear-gradient(90deg, rgba(199,164,90,.30), transparent) !important;
}

.premiumTopbar .premiumLang{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-left:clamp(6px,1vw,14px) !important;
  padding-left:clamp(10px,1.2vw,18px) !important;
  border-left:1px solid rgba(199,164,90,.18) !important;
}

.premiumTopbar .premiumLang .langLink{
  color:rgba(244,234,216,.66) !important;
  font-size:10px !important;
  font-weight:760 !important;
  letter-spacing:.12em !important;
  text-decoration:none !important;
}

.premiumTopbar .premiumLang .langLink.active{
  color:rgba(255,239,205,.96) !important;
}

.premiumTopbar .flagIcon{
  width:17px !important;
  height:auto !important;
  display:block !important;
  border-radius:2px !important;
}

.premiumTopbar .premiumMenuBtn{
  display:none !important;
  width:42px !important;
  height:42px !important;
  border:1px solid rgba(199,164,90,.22) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.025) !important;
}

.premiumTopbar .premiumMenuBtn span{
  background:rgba(244,234,216,.86) !important;
  height:1px !important;
}

.premiumMobileMenu{
  background:
    radial-gradient(circle at 10% 0%, rgba(199,164,90,.12), transparent 34%),
    linear-gradient(180deg, rgba(6,5,4,.98), rgba(7,7,7,.96)) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

.premiumMobileMenu a{
  font-family:var(--serif, Georgia, serif) !important;
  color:rgba(244,234,216,.92) !important;
  font-size:clamp(26px, 8vw, 42px) !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
  text-decoration:none !important;
}

.premiumMobileMenu .mobileLang a{
  font-family:var(--sans, system-ui, sans-serif) !important;
  font-size:13px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

/* Prevent the desktop header from becoming crowded on laptops. */
@media (max-width: 1240px){
  .premiumTopbar{
    gap:18px !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }
  .premiumTopbar .premiumNav{
    gap:12px !important;
  }
  .premiumTopbar .premiumNav > a,
  .premiumTopbar .navDropButton{
    font-size:9.8px !important;
    letter-spacing:.12em !important;
  }
  .premiumTopbar .brandText{
    font-size:21px !important;
    font-weight:500 !important;
  }
}

/* Collapse earlier than the old version so the header never looks crushed. */
@media (max-width: 1040px){
  .premiumTopbar .premiumNav,
  .premiumTopbar .premiumLang{
    display:none !important;
  }
  .premiumTopbar .premiumMenuBtn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    margin-left:auto !important;
  }
  .premiumTopbar{
    min-height:62px !important;
  }
  .premiumTopbar .brandLogo{
    width:32px !important;
    height:32px !important;
  }
  .premiumTopbar .brandText{
    font-size:18px !important;
    font-weight:500 !important;
  }
}

@media (max-width: 520px){
  .premiumTopbar{
    padding:9px 16px !important;
    min-height:58px !important;
  }
  .premiumTopbar .brandLogo{
    width:30px !important;
    height:30px !important;
  }
  .premiumTopbar .brandText{
    font-size:18px !important;
    font-weight:500 !important;
  }
  .premiumTopbar .premiumMenuBtn{
    width:40px !important;
    height:40px !important;
  }
}


/* v72 — top-left name made quieter: elegant, clear, and less loud beside the coat of arms. */
.premiumTopbar .brandText{
  font-family:var(--serif, "Cormorant Garamond", "EB Garamond", Georgia, serif) !important;
  font-size:clamp(15.5px, .96vw, 18.5px) !important;
  font-weight:500 !important;
  letter-spacing:-.01em !important;
  color:rgba(244,234,216,.80) !important;
  text-shadow:0 1px 6px rgba(0,0,0,.18) !important;
}
@media (max-width:1240px){
  .premiumTopbar .brandText{font-size:17.5px !important;}
}
@media (max-width:1040px){
  .premiumTopbar .brandText{font-size:17px !important;}
}
@media (max-width:520px){
  .premiumTopbar .brandText{font-size:16px !important;}
}


/* v73 — emergency mobile header discipline.
   The name must read as a quiet signature beside the coat of arms, never as a billboard. */
.premiumTopbar .premiumBrand{
  gap:9px !important;
}

.premiumTopbar .brandLogo{
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
}

.premiumTopbar .brandText{
  font-size:clamp(14px, .82vw, 17px) !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:-.005em !important;
  color:rgba(244,234,216,.78) !important;
  max-width:42vw !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* iPhone / narrow mobile: quieter, tighter, more sophisticated */
@media (max-width:700px){
  .premiumTopbar{
    min-height:54px !important;
    padding:8px 18px !important;
  }

  .premiumTopbar .premiumBrand{
    gap:8px !important;
    min-width:0 !important;
    flex:0 1 auto !important;
  }

  .premiumTopbar .brandLogo{
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
  }

  .premiumTopbar .brandText{
    font-size:15px !important;
    max-width:34vw !important;
    letter-spacing:0 !important;
  }
}

/* smallest phones */
@media (max-width:430px){
  .premiumTopbar{
    padding-left:16px !important;
    padding-right:14px !important;
  }

  .premiumTopbar .brandLogo{
    width:28px !important;
    height:28px !important;
    flex-basis:28px !important;
  }

  .premiumTopbar .brandText{
    font-size:14px !important;
    max-width:30vw !important;
  }
}

/* very narrow devices: keep the seal, reduce the signature further */
@media (max-width:360px){
  .premiumTopbar .brandText{
    font-size:13px !important;
    max-width:28vw !important;
  }
}


/* v84 — mobile menu refinement: calmer typography + visible premium menu toggle */
.premiumTopbar .premiumMenuBtn{
  position: relative !important;
  overflow: hidden !important;
  box-shadow:
    0 0 0 1px rgba(199,164,90,.05) inset,
    0 10px 24px rgba(0,0,0,.22) !important;
  background:
    radial-gradient(circle at 50% 36%, rgba(199,164,90,.10), rgba(255,255,255,.02) 58%),
    rgba(8,8,9,.78) !important;
}

.premiumTopbar .premiumMenuBtn span{
  display:block !important;
  width:18px !important;
  min-width:18px !important;
  margin:0 !important;
  height:1.6px !important;
  border-radius:999px !important;
  background:rgba(244,234,216,.94) !important;
  box-shadow:0 0 10px rgba(199,164,90,.12) !important;
  transition:transform .24s ease, opacity .18s ease, background .18s ease !important;
}

.premiumTopbar .premiumMenuBtn:hover,
.premiumTopbar .premiumMenuBtn:focus-visible{
  border-color:rgba(199,164,90,.38) !important;
  background:
    radial-gradient(circle at 50% 36%, rgba(199,164,90,.14), rgba(255,255,255,.03) 58%),
    rgba(11,10,10,.88) !important;
}

.premiumTopbar .premiumMenuBtn:focus-visible{
  outline:2px solid rgba(199,164,90,.34) !important;
  outline-offset:2px !important;
}

.premiumTopbar .premiumMenuBtn[aria-expanded="true"]{
  border-color:rgba(199,164,90,.42) !important;
}
.premiumTopbar .premiumMenuBtn[aria-expanded="true"] span:nth-child(1){
  transform:translateY(5.2px) rotate(45deg) !important;
}
.premiumTopbar .premiumMenuBtn[aria-expanded="true"] span:nth-child(2){
  opacity:0 !important;
}
.premiumTopbar .premiumMenuBtn[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-5.2px) rotate(-45deg) !important;
}

.premiumMobileMenu a{
  font-size:clamp(20px, 6.4vw, 31px) !important;
  line-height:1.12 !important;
  letter-spacing:-.02em !important;
  font-weight:520 !important;
  color:rgba(244,234,216,.90) !important;
}

.premiumMobileMenu .mobileLang a{
  font-size:13px !important;
  letter-spacing:.12em !important;
  font-weight:600 !important;
}

.premiumMobileMenu .langSwitch{
  margin-bottom:24px !important;
}

.premiumMobileMenu .menuClose{
  border-radius:999px !important;
  border-color:rgba(199,164,90,.22) !important;
  background:rgba(255,255,255,.03) !important;
  color:rgba(244,234,216,.84) !important;
}

@media (max-width: 520px){
  .premiumTopbar .premiumMenuBtn{
    width:42px !important;
    height:42px !important;
  }
  .premiumTopbar .premiumMenuBtn span{
    width:17px !important;
  }
  .premiumMobileMenu a{
    font-size:clamp(19px, 5.9vw, 28px) !important;
    line-height:1.14 !important;
  }
}


/* v85 — quieter top-left signature: luxury, not volume */
.premiumTopbar .brandText{
  font-size:clamp(13.8px, .76vw, 16.2px) !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:-.006em !important;
  color:rgba(244,234,216,.76) !important;
  text-shadow:0 1px 5px rgba(0,0,0,.16) !important;
  max-width:38vw !important;
}

@media (max-width:900px){
  .premiumTopbar .brandText{
    font-size:14.2px !important;
    max-width:32vw !important;
  }
}

@media (max-width:700px){
  .premiumTopbar .brandText{
    font-size:13.5px !important;
    max-width:28vw !important;
    color:rgba(244,234,216,.74) !important;
  }
}

@media (max-width:430px){
  .premiumTopbar .brandText{
    font-size:12.8px !important;
    max-width:26vw !important;
    letter-spacing:-.002em !important;
  }
}

@media (max-width:360px){
  .premiumTopbar .brandText{
    font-size:12.2px !important;
    max-width:24vw !important;
  }
}