/* EVH main nav — Evermore's mega menu (layout, timings, behaviour) in EVH black + blue.
   Evermore values: open after 100ms, close 200ms after leaving, panel fade 200ms ease,
   switching between items is instant with the content fading in over 180ms
   (cubic-bezier(.525,0,0,1)), toggle pill 200ms. Breakpoint 991px. */
:root{--util-h:34px;--bar-h:clamp(64px,calc(3.6488rem + 1.43vw),80px);--nav-h:calc(var(--util-h) + var(--bar-h));--nav-ease:cubic-bezier(.525,0,0,1)}

.evh-nav{transition:transform .5s var(--ease),background-color .2s ease,box-shadow .45s}
.evh-nav.is-open{background:var(--ink)}

/* utility row */
.evh-util{position:relative;z-index:3;height:var(--util-h);display:flex;align-items:center;justify-content:flex-end;gap:0;padding-inline:var(--edge)}
.evh-util a{font:400 13px/1 var(--sans);color:rgba(255,255,255,.8);text-decoration:none;padding:0 14px;transition:color .2s ease}
.evh-util a+a{border-left:1px solid rgba(255,255,255,.28)}
.evh-util a:last-child{padding-right:0}
.evh-util a:hover{color:#fff}

/* bar */
.evh-nav__in{position:relative;z-index:3;height:var(--bar-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.evh-nav__logo{justify-self:start}
.evh-nav__actions{justify-self:end}
/* the bar's own controls sit above the open panel (the panel lives inside the bar) */
.evh-nav__logo,.evh-mnav__toggle,.evh-nav__actions,.evh-mm__back{position:relative;z-index:3}
.evh-mnav__list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.evh-mnav__toggle{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:rgba(255,255,255,.9);font:400 15px/1 var(--sans);letter-spacing:.01em;padding:12px 20px;height:40px;border-radius:var(--r-pill);cursor:pointer;transition:all .2s ease}
.evh-mnav__toggle:hover{color:#fff}
.evh-mnav__item.is-current>.evh-mnav__toggle{color:#fff}
.evh-mnav__toggle[aria-expanded="true"]{background:rgba(255,255,255,.14);color:#fff}
.evh-mnav__toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* panel: full width, sits behind the bar (Evermore: fixed, top 0, padded by the nav height) */
.evh-dd{position:absolute;z-index:1;top:0;left:0;right:0;display:none;background:var(--ink);padding-top:var(--bar-h);max-height:calc(100vh - var(--util-h) - var(--wp-admin--admin-bar--height,0px));overflow:auto;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 1px 0 var(--faint);transition:opacity .2s ease,visibility 0s linear .2s}
.evh-nav.is-warm .evh-dd{display:block}
.evh-mnav__toggle[aria-expanded="true"]+.evh-dd{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease,visibility 0s linear 0s}
.evh-nav[data-dd-switch] .evh-dd{transition:none}
@media (prefers-reduced-motion:no-preference){
  .evh-mnav__toggle[aria-expanded="true"]+.evh-dd [data-dd-container]{animation:evh-dd-in 180ms var(--nav-ease)}
}
@keyframes evh-dd-in{from{opacity:0}to{opacity:1}}
.evh-dd__in{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(24px,2.4vw,48px);padding:clamp(20px,2vw,32px) var(--edge) clamp(20px,1.8vw,28px)}
.evh-dd__side{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.evh-dd__title{margin:0;font:400 clamp(34px,2.6vw,52px)/1.02 var(--display);letter-spacing:-.02em;color:#fff;text-wrap:balance}
.evh-dd__over{display:inline-flex;align-items:center;min-height:44px;margin-top:clamp(18px,1.6vw,28px);padding:0 22px;border-radius:var(--r-pill);background:#fff;color:#000;font:500 14px/1 var(--sans);text-decoration:none;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.evh-dd__over:hover{background:var(--blue);color:#fff;box-shadow:0 10px 30px -10px var(--blue-glow)}
.evh-dd__links{list-style:none;margin:auto 0 0;padding:28px 0 4px 12px;display:flex;flex-direction:column;gap:clamp(14px,1.3vw,24px)}
.evh-dd__links a{font:400 15px/1.2 var(--sans);color:rgba(255,255,255,.86);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4);transition:color .2s ease,text-decoration-color .2s ease}
.evh-dd__links a:hover{color:#fff;text-decoration-color:var(--blue)}
.evh-dd__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.2vw,24px)}
.evh-dcard{display:block;height:100%;padding:12px;margin:-12px;border-radius:10px;text-decoration:none;color:inherit;background-color:rgba(38,38,42,0);transition:background-color .45s ease}
/* Hover: medium charcoal that fades in and out (Jason, Oct 7). Coming-soon cards aren't links, so no hover. */
.evh-dcard:not(.is-soon):hover,.evh-dcard:not(.is-soon):focus-visible{background-color:rgba(38,38,42,1);transition-duration:.3s}
.evh-dcard:focus-visible{outline:2px solid #fff;outline-offset:0}
.evh-dcard__img{display:block;aspect-ratio:5/6;border-radius:8px;overflow:hidden;background:var(--panel-2)}
.evh-dcard__img img,.evh-mcard__img img{width:100%;height:100%;object-fit:cover}
.evh-dcard__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:clamp(14px,1.2vw,22px)}
.evh-dcard__name{font:400 clamp(20px,1.5vw,26px)/1.1 var(--display);color:#fff}
.evh-tag{display:inline-block;padding:5px 9px;border-radius:var(--r-pill);background:rgba(255,255,255,.1);font:500 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.evh-dcard__desc{font:400 14px/1.45 var(--sans);color:var(--mute);max-width:32ch}
.evh-ph{display:block;width:100%;height:100%;background:radial-gradient(60% 70% at 50% 45%,rgba(0,18,253,.35),transparent 70%),#05060d}

/* phone menu button: two lines → X (Evermore: 135° / -135°, .45s) */
.evh-nav__toggle{display:none;position:relative;width:44px;height:44px;border:0;background:none;color:#fff;cursor:pointer}
.evh-nav__line{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .45s var(--nav-ease)}
.evh-nav__line:nth-child(1){top:18px}
.evh-nav__line:nth-child(2){top:25px}
.evh-nav__toggle[aria-expanded="true"] .evh-nav__line:nth-child(1){transform:translateY(3.5px) rotate(135deg)}
.evh-nav__toggle[aria-expanded="true"] .evh-nav__line:nth-child(2){transform:translateY(-3.5px) rotate(-135deg)}
.evh-mm__back{display:none}

/* phone menu */
.evh-mm{position:fixed;z-index:1;inset:0;background:var(--ink);padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px));opacity:0;visibility:hidden;transition:opacity .2s var(--nav-ease),visibility 0s linear .2s}
.evh-mm.is-open{opacity:1;visibility:visible;transition:opacity .2s var(--nav-ease) .1s,visibility 0s linear 0s}
.evh-mm__scroll{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px var(--edge) calc(32px + env(safe-area-inset-bottom,0px))}
.evh-mm__list{list-style:none;margin:0;padding:0}
.evh-mm__item{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:56px;padding:0;border:0;background:none;color:#fff;font:400 18px/1 var(--sans);text-align:left;cursor:pointer}
.evh-mm__item svg{opacity:.5}
.evh-mm__book{display:flex;width:100%;margin-top:28px;min-height:52px;font-size:15px}
.evh-mm__view,.evh-mm__root{animation:evh-dd-in 180ms var(--nav-ease)}
.evh-mm__title{margin:4px 0 0;font:400 clamp(30px,8vw,40px)/1.05 var(--display);letter-spacing:-.02em;text-wrap:balance}
.evh-mm__links{margin:0;padding:24px 0 8px 12px}
.evh-mm__cards{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.evh-mcard{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.06);text-decoration:none;color:inherit;transition:background-color .2s ease}
.evh-mcard:active{background:rgba(255,255,255,.1)}
.evh-mcard__img{display:block;aspect-ratio:1/1.15;border-radius:8px;overflow:hidden;background:var(--panel-2)}
.evh-mcard__body{display:flex;flex-direction:column;gap:10px;padding-right:6px}
.evh-mcard__name{font:400 22px/1.1 var(--display)}
.evh-mcard__desc{font:400 14px/1.45 var(--sans);color:var(--mute)}
html.evh-mm-open{overflow:hidden}
html.evh-mm-open .evh-nav{background:var(--ink);transform:none!important}

@media (max-width:991px){
  .evh-mnav{display:none}
  .evh-nav__in{grid-template-columns:1fr auto}
  .evh-nav__toggle{display:block}
  .evh-nav__actions{gap:6px}
  html.evh-mm-drill .evh-nav__logo{visibility:hidden}
  html.evh-mm-drill .evh-mm__back{display:inline-flex;align-items:center;gap:6px;position:absolute;left:var(--edge);top:50%;transform:translateY(-50%);height:44px;padding:0 6px 0 0;border:0;background:none;color:#fff;font:400 16px/1 var(--sans);cursor:pointer}
}
@media (min-width:992px){.evh-mm{display:none!important}}
@media (max-width:480px){.evh-util a{font-size:12px;padding:0 10px}}
@media (prefers-reduced-motion:reduce){
  .evh-dd,.evh-mm,.evh-nav__line,.evh-mnav__toggle,.evh-dcard{transition:none!important}
  .evh-mm__view,.evh-mm__root{animation:none}
}
/* Coming-soon home cards (Stay panel): not links, badge over the photo. */
.evh-dcard__img,.evh-mcard__img{position:relative}
.evh-soon{position:absolute;left:12px;top:12px;padding:6px 12px;border-radius:999px;background:var(--blue,#0012fd);color:#fff;font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;box-shadow:0 4px 18px rgba(0,18,253,.45)}
.evh-dcard.is-soon,.evh-mcard.is-soon{cursor:default}
.evh-mcard .evh-tag{align-self:flex-start;line-height:1.3;border-radius:12px}