.dl-global-menu[hidden]{display:none!important}
.dl-global-menu{position:fixed;inset:0;z-index:9998;background:rgba(9,8,6,.985);color:#e8e0c7;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.dl-global-menu__inner{width:min(1120px,calc(100% - 48px));margin:0 auto;min-height:100%;padding:96px 0 56px;box-sizing:border-box}
.dl-global-menu__close{position:fixed;top:24px;right:28px;z-index:10000;width:44px;height:44px;border:0;background:transparent;color:#e5d49a;cursor:pointer}
.dl-global-menu__close:before,.dl-global-menu__close:after{content:"";position:absolute;left:10px;top:21px;width:24px;height:1px;background:currentColor}
.dl-global-menu__close:before{transform:rotate(45deg)} .dl-global-menu__close:after{transform:rotate(-45deg)}
.dl-global-menu__nav{display:grid;grid-template-columns:1fr;gap:0;border-top:.5px solid rgba(229,212,154,.34);max-width:760px;margin:0 auto}
.dl-global-menu__entry{display:block;padding:28px 0 26px;border-bottom:.5px solid rgba(229,212,154,.24);color:inherit;text-decoration:none}
.dl-global-menu__title{display:block;color:#e5d49a;font-size:18px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}
.dl-global-menu__desc{display:block;margin-top:7px;color:rgba(235,231,220,.72);font-size:14px;line-height:1.45}
.dl-global-menu__entry:hover .dl-global-menu__title,.dl-global-menu__entry:focus-visible .dl-global-menu__title{opacity:.68}
.dl-global-menu__search{margin:52px auto 0;width:min(700px,100%);text-align:center}
.dl-global-menu__search-label{display:block;margin-bottom:14px;color:#e5d49a;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.dl-global-menu__search-input{width:100%;box-sizing:border-box;padding:13px 4px 12px;border:0;border-bottom:.5px solid rgba(229,212,154,.52);border-radius:0;outline:0;background:transparent;color:#f2eee4;text-align:center;font:inherit;font-size:16px}
.dl-global-menu__search-input::placeholder{color:rgba(235,231,220,.48)}
.dl-global-menu__utility{margin-top:34px;text-align:center}
.dl-global-menu__utility a{color:rgba(229,212,154,.62);text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
html.dl-global-menu-open,html.dl-global-menu-open body{overflow:hidden!important}
@media(max-width:760px){
 .dl-global-menu__inner{width:min(100% - 34px,680px);padding:82px 0 40px}
 .dl-global-menu__nav{grid-template-columns:1fr}
 .dl-global-menu__entry{padding:21px 0 20px}
 .dl-global-menu__title{font-size:16px}
 .dl-global-menu__desc{font-size:13px}
 .dl-global-menu__search{margin-top:38px}
 .dl-global-menu__close{top:18px;right:16px}
}
@media(max-height:560px) and (orientation:landscape){
 .dl-global-menu__inner{padding-top:58px}
 .dl-global-menu__entry{padding:14px 0 13px}
 .dl-global-menu__desc{margin-top:3px}
 .dl-global-menu__search{margin-top:24px}
}

.dl-global-menu__entry{width:100%}
.dl-global-menu__search{max-width:760px}


/* =========================================================
   V1.3 — CENTERED MENU + GOLD-LINE HOVER REGISTRATION
   ========================================================= */

.dl-global-menu__entry{
  text-align:center;
  transition:border-color .18s ease;
}

.dl-global-menu__title,
.dl-global-menu__desc{
  text-align:center;
}

.dl-global-menu__entry:hover,
.dl-global-menu__entry:focus-visible{
  border-bottom-color:rgba(229,212,154,.78);
}

.dl-global-menu__entry:hover .dl-global-menu__title,
.dl-global-menu__entry:focus-visible .dl-global-menu__title{
  opacity:1;
}

@media (prefers-reduced-motion:reduce){
  .dl-global-menu__entry{
    transition:none;
  }
}


/* =========================================================
   V1.4 — EXACT LIBRARY EXPLORE-FURTHER HOVER LANGUAGE
   Resting text: #eee9df
   Resting rule: rgba(229,212,154,.085)
   Hover/focus text: #e5d49a
   Hover/focus rule: rgba(229,212,154,.62)
   Transition: 220ms ease
   ========================================================= */

.dl-global-menu__entry{
  border-bottom-color:rgba(229,212,154,.085);
  transition:border-color 220ms ease;
}

.dl-global-menu__title{
  color:#eee9df;
  transition:color 220ms ease;
}

.dl-global-menu__entry:hover,
.dl-global-menu__entry:focus-visible{
  border-bottom-color:rgba(229,212,154,.62);
}

.dl-global-menu__entry:hover .dl-global-menu__title,
.dl-global-menu__entry:focus-visible .dl-global-menu__title{
  color:#e5d49a;
  opacity:1;
}

@media (prefers-reduced-motion:reduce){
  .dl-global-menu__entry,
  .dl-global-menu__title{
    transition:none;
  }
}


/* V1.4A — QUIETER MENU DESCRIPTIONS
   Approved V1.4 remains the design basis.
   Only description size/hierarchy changes. */
.dl-global-menu__desc{
  font-size:12px;
}

@media(max-width:760px){
  .dl-global-menu__desc{
    font-size:12px;
  }
}


/* =========================================================
   V1.4B — SEARCH ACTIVE-STATE LANGUAGE
   Mirrors Library Explore Further:
   pale at rest -> gold when active.
   ========================================================= */

.dl-global-menu__search-label{
  color:#eee9df;
  transition:color 220ms ease;
}

.dl-global-menu__search-input{
  color:#eee9df;
  border-bottom-color:rgba(229,212,154,.085);
  transition:border-color 220ms ease;
}

.dl-global-menu__search-input::placeholder{
  color:rgba(238,233,223,.48);
  opacity:1;
  transition:opacity 140ms ease;
}

.dl-global-menu__search-input:focus{
  border-bottom-color:rgba(229,212,154,.62);
}

.dl-global-menu__search:focus-within .dl-global-menu__search-label{
  color:#e5d49a;
}

.dl-global-menu__search-input:focus::placeholder{
  opacity:0;
}

@media (prefers-reduced-motion:reduce){
  .dl-global-menu__search-label,
  .dl-global-menu__search-input,
  .dl-global-menu__search-input::placeholder{
    transition:none;
  }
}


/* =========================================================
   V1.4C — HAMBURGER-POSITION CLOSE + QUIETER SEARCH PROMPT
   ========================================================= */

/* Close control is positioned dynamically over the live hamburger. */
.dl-global-menu__close{
  top:var(--dl-menu-close-top,18px) !important;
  left:var(--dl-menu-close-left,18px) !important;
  right:auto !important;
  width:var(--dl-menu-close-size,44px) !important;
  height:var(--dl-menu-close-size,44px) !important;
}

/* Keep the X restrained and visually aligned with header icon weight. */
.dl-global-menu__close::before,
.dl-global-menu__close::after{
  left:50% !important;
  top:50% !important;
  width:22px !important;
  height:1px !important;
  transform-origin:center !important;
}

.dl-global-menu__close::before{
  transform:translate(-50%,-50%) rotate(45deg) !important;
}

.dl-global-menu__close::after{
  transform:translate(-50%,-50%) rotate(-45deg) !important;
}

/* Hide the original hamburger visually while the overlay is open.
   The replacement X occupies the exact same measured position. */
html.dl-global-menu-open .site-header .menu,
html.dl-global-menu-open .header .menu{
  visibility:hidden !important;
}

/* Search prompt refinement */
.dl-global-menu__search-input::placeholder{
  font-size:12px;
  color:rgba(238,233,223,.40);
}


/* V1.4D — SEARCH TYPOGRAPHY TEST */
.dl-global-menu__search-label{
  font-size:14px;
}

.dl-global-menu__search-input::placeholder{
  font-size:12px;
}


/* V1.4E — CENTER SEARCH INPUT TEXT */
.dl-global-menu__search-input{
  text-align:center;
}


/* =========================================================
   V1.4F — CENTER PLACEHOLDER INDEPENDENTLY, KEEP FULL INPUT WIDTH
   ========================================================= */

.dl-global-menu__search{
  position:relative;
}

/* Keep real input full width for long search queries. */
.dl-global-menu__search-input{
  width:100%;
  text-align:left;
}

/* Hide native placeholder text but preserve semantics. */
.dl-global-menu__search-input::placeholder{
  color:transparent !important;
}

/* Independent centered visual prompt. */
.dl-global-menu__search::after{
  content:"Type to search…";
  position:absolute;
  left:50%;
  top:calc(100% - 28px);
  transform:translateX(-50%);
  font-size:12px;
  line-height:1;
  color:rgba(238,233,223,.40);
  pointer-events:none;
  white-space:nowrap;
  transition:opacity 140ms ease;
}

/* Remove visual prompt as soon as the field is active or contains text. */
.dl-global-menu__search:focus-within::after{
  opacity:0;
}

.dl-global-menu__search:has(.dl-global-menu__search-input:not(:placeholder-shown))::after{
  opacity:0;
}

@media (prefers-reduced-motion:reduce){
  .dl-global-menu__search::after{
    transition:none;
  }
}


/* =========================================================
   V1.4I — iOS SAFARI LANDSCAPE TEXT-INFLATION FIX
   ========================================================= */

/* Prevent Safari from automatically enlarging menu text in landscape. */
.dl-global-menu,
.dl-global-menu *{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

/* Then apply the approved mobile-landscape typography. */
@media (orientation:landscape) and (max-width:1100px) and (max-height:750px){
  .dl-global-menu__title{
    font-size:16px !important;
    line-height:1.2 !important;
  }

  .dl-global-menu__desc{
    font-size:12px !important;
    line-height:1.45 !important;
  }

  .dl-global-menu__search-label{
    font-size:14px !important;
  }

  .dl-global-menu__search::after{
    font-size:12px !important;
  }
}


/* =========================================================
   GLOBAL HAMBURGER — THIN 1PX STROKES V1
   Reinstates the original three-span icon and suppresses
   the later 2px raster-gradient replacement.
   ========================================================= */
.site-header .menu,
.header .menu{
  width:16px !important;
  height:16px !important;
}
.site-header .menu span,
.header .menu span{
  display:block !important;
  position:absolute !important;
  left:0 !important;
  width:16px !important;
  height:1px !important;
  background:var(--gold) !important;
  box-shadow:none !important;
  transform:none !important;
}
.site-header .menu span:nth-child(1),
.header .menu span:nth-child(1){top:2px !important;}
.site-header .menu span:nth-child(2),
.header .menu span:nth-child(2){top:7px !important;}
.site-header .menu span:nth-child(3),
.header .menu span:nth-child(3){top:12px !important;}
.site-header .menu::before,
.header .menu::before{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}