/* Full-width Multimedia directory, enhanced with editable native topic groups.
   Load after navigation-editorial.css. Mobile disclosure and menu data stay native. */
@media(min-width:1280px){
 body.hz-site .hz-header .header-navigation{--hz-media-clearance:38px}
 body.home.hz-site .hz-header .header-navigation:not(.sticky){--hz-media-clearance:34px}
 body.hz-site .hz-header .header-navigation.sticky{--hz-media-clearance:28px}

 /* The complete header row, rather than the individual label, owns this panel. */
 body.hz-site .hz-header .header-navigation .primary-menu{position:relative}
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop,
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul{
  position:static;
 }
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media{
  position:static;display:flex;align-items:center;
 }
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>a{
  position:relative;padding-right:0;
 }

 /* Keep the mouse inside the same item while crossing the deliberate header gap.
    The bridge belongs only to the Multimedia label, not to the whole header. */
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>a::before{
  content:"";display:block;position:absolute;left:-18px;right:-18px;top:100%;
  width:auto;height:calc(var(--hz-media-clearance) + 24px);
  background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;
  opacity:1;visibility:visible;pointer-events:none;z-index:10000;
 }
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop.hz-nav-ready>ul>li.hz-nav-media.hz-submenu-open>a::before,
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop:not(.hz-nav-ready)>ul>li.hz-nav-media:is(:hover,:focus-within)>a::before{
  pointer-events:auto;
 }

 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 24px;
  position:absolute;left:0;right:0;top:calc(100% + var(--hz-media-clearance));
  width:100%;min-width:0;max-width:100%;box-sizing:border-box;
  max-height:calc(100svh - 220px);overflow-x:hidden;overflow-y:auto;
  overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#26364a59 transparent;
  margin:0;padding:20px 26px;border:1px solid #26364a1c;border-radius:16px;
  background:#faf8f2;box-shadow:0 12px 32px #26364a16;isolation:isolate;
 }
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu>li{
  align-self:stretch;min-width:0;margin:0;padding:0;
 }
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu>li>a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;height:100%;min-height:52px;box-sizing:border-box;
  margin:0;padding:10px 2px;border:0;border-bottom:1px solid #26364a20;border-radius:0;
  background:transparent;color:var(--hz-navy,#26364a);
  font-family:var(--body-font,"DM Sans",sans-serif);font-size:18px;font-weight:500;line-height:1.4;
  letter-spacing:0;text-transform:none;white-space:nowrap;overflow-wrap:normal;
  transition:color .18s ease,border-color .18s ease,background-color .18s ease;
 }
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu>li>a::after{
  content:none;display:none;
 }
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu>li>a:is(:hover,:focus-visible),
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu>li.current-menu-item>a{
  margin-left:0;background:#26364a05;color:var(--hz-red,#db1921);border-bottom-color:#db192166;
 }
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu>li>a:focus-visible{
  outline:2px solid var(--hz-red,#db1921);outline-offset:4px;
 }
 /* The existing final archive link closes the directory without another label. */
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu>li:last-child:nth-child(odd){
  grid-column:1 / -1;
 }
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu>li:last-child:nth-child(odd)>a{
  color:var(--hz-red,#db1921);border-bottom:0;min-height:44px;padding-block:10px;
 }
}
@media(min-width:1280px) and (max-height:760px){
 body.home.hz-site .hz-header .header-navigation:not(.sticky){--hz-media-clearance:28px}
}
@media(min-width:1280px) and (max-height:480px){
 body.home.hz-site .hz-header .header-navigation:not(.sticky){--hz-media-clearance:26px}
}
@media(min-width:1280px) and (prefers-reduced-motion:reduce){
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu>li>a{transition:none}
}

/* Native third-level lists are visible columns inside one disclosure panel.
   Inherit visibility so a closed top-level panel cannot leave focusable children. */
body.hz-site .hz-header :is(.hz-desktop,.hz-mobile) .hz-media-group>.sub-menu{
 display:block;position:static;inset:auto;width:100%;min-width:0;max-width:none;height:auto;max-height:none;
 margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
 opacity:1;visibility:inherit;transform:none;overflow:visible;list-style:none;
}
body.hz-site .hz-header :is(.hz-desktop,.hz-mobile) .hz-media-group>.sub-menu>li{
 display:block;position:static;width:100%;margin:0;padding:0;border:0;float:none;
}
body.hz-site .hz-header :is(.hz-desktop,.hz-mobile) .hz-media-group-title{
 display:block;margin:0 0 12px;padding:0 0 12px;border-bottom:2px solid var(--hz-red,#db1921);
 font-family:var(--body-font,"DM Sans",sans-serif);font-size:18px;line-height:1.4;font-weight:700;
 color:var(--hz-red,#db1921);letter-spacing:.01em;
}
body.hz-site .hz-header :is(.hz-desktop,.hz-mobile) .hz-media-group>.sub-menu>li>a{
 display:flex;align-items:center;position:relative;width:100%;min-height:44px;height:auto;
 margin:0;padding:9px 0;border:0;border-radius:0;background:transparent;
 font-family:var(--body-font,"DM Sans",sans-serif);font-size:18px;font-weight:400;line-height:1.4;
 color:var(--hz-navy,#26364a);letter-spacing:0;text-transform:none;white-space:normal;overflow-wrap:normal;
}
body.hz-site .hz-header :is(.hz-desktop,.hz-mobile) .hz-media-group>.sub-menu>li>a::before,
body.hz-site .hz-header :is(.hz-desktop,.hz-mobile) .hz-media-group>.sub-menu>li>a::after{content:none;display:none}
body.hz-site .hz-header :is(.hz-desktop,.hz-mobile) .hz-media-group>.sub-menu>li>a:is(:hover,:focus-visible),
body.hz-site .hz-header :is(.hz-desktop,.hz-mobile) .hz-media-group>.sub-menu>li.current-menu-item>a{
 margin-left:0;color:var(--hz-red,#db1921);background:transparent;
}
body.hz-site .hz-header :is(.hz-desktop,.hz-mobile) .hz-media-group>.sub-menu>li>a:focus-visible{outline:2px solid var(--hz-red,#db1921);outline-offset:3px}
@media(min-width:1280px){
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu:has(>.hz-media-group){
  grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 24px;padding-block:24px 16px;
 }
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu>.hz-media-group{align-self:start;grid-column:auto}
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop .hz-media-group>.sub-menu>li>a{font-size:18px;line-height:1.4;white-space:nowrap}
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu>.hz-media-overview{
  grid-column:1 / -1;border-top:1px solid #26364a20;padding-top:4px;
 }
 body.hz-site .hz-header .header-navigation .primary-menu .hz-desktop>ul>li.hz-nav-media>.sub-menu>.hz-media-overview>a{
  min-height:40px;padding:8px 0;font-size:18px;font-weight:500;
 }
}
@media(max-width:1279px){
 body.hz-site .hz-header .hz-mobile .hz-media-group{margin:22px 0 0;padding:0;list-style:none}
 body.hz-site .hz-header .hz-mobile .hz-media-group:first-child{margin-top:10px}
 body.hz-site .hz-header .hz-mobile .hz-media-group-title{margin-bottom:6px;padding-bottom:10px}
 body.hz-site .hz-header .hz-mobile .hz-media-overview{margin-top:22px;padding-top:10px;border-top:1px solid #26364a20}
 body.hz-site .hz-header .hz-mobile .hz-media-overview>a{color:var(--hz-red,#db1921)}
}