/* MR9 v10.10.1 RC1 — navigation continuity and stronger green identity */

/* Preserve the bold identity scale while using the approved green artwork. */
.topbar>.logo{
  width:220px;
}

.topbar>.logo img{
  width:100%;
  height:72px;
  max-height:72px;
  object-fit:contain;
  object-position:left center;
  opacity:1 !important;
  filter:brightness(1.22) contrast(1.18) drop-shadow(0 0 7px rgba(152,255,84,.16));
}

.hero-brand-lockup{
  grid-template-columns:138px minmax(0,1fr);
  gap:22px;
}

.hero-lockup-stacked{
  width:138px;
  height:142px;
  opacity:1 !important;
  filter:brightness(1.25) contrast(1.2) drop-shadow(0 0 9px rgba(152,255,84,.16));
}

.hero-brand-line img{
  width:56px;
  height:66px;
  opacity:1;
  filter:brightness(1.22) contrast(1.18) drop-shadow(0 0 6px rgba(152,255,84,.14));
}

.mobile-nav-brand img,
.identity-spine img,
.footer-brand img,
.footer-signature-mark,
.duality-brand-seal,
.work-head-mark{
  filter:brightness(1.2) contrast(1.16) drop-shadow(0 0 7px rgba(152,255,84,.12));
}

.footer-brand img{
  max-width:260px;
  opacity:1;
}

.home .work-head-mark{opacity:.95}

/* Shared dropdown behavior. */
.mr9-event-types-nav .mr9-nav-dropdown-panel{
  min-width:250px;
}

.mr9-nav-dropdown-panel,
.mr9-portal-menu{
  z-index:220;
}

.mr9-nav-dropdown[open]>.mr9-nav-dropdown-panel,
.mr9-portal-nav[open]>.mr9-portal-menu{
  animation:mr9-menu-arrive .18s ease-out both;
}

@keyframes mr9-menu-arrive{
  from{opacity:0;transform:translateY(-7px)}
  to{opacity:1;transform:none}
}

/* Wide and ordinary desktop: keep the complete compact navigation visible. */
@media (min-width:1280px){
  .topbar{
    grid-template-columns:220px minmax(0,1fr) auto auto;
    gap:clamp(12px,1.05vw,20px);
    padding-inline:20px;
  }

  .topbar>.logo{grid-column:1}

  .topbar>.desktop-nav{
    display:flex !important;
    grid-column:2;
    justify-self:end;
    gap:clamp(9px,.75vw,15px);
  }

  .topbar>.project-link{
    display:flex !important;
    grid-column:3;
  }

  .topbar>.mr9-portal-nav{
    display:block !important;
    grid-column:4;
  }

  .topbar>.menu{
    display:none !important;
  }
}

/* Laptop and narrow desktop: never allow both navigation systems to disappear. */
@media (min-width:721px) and (max-width:1279px){
  .topbar{
    grid-template-columns:210px minmax(0,1fr) auto 48px;
    gap:16px;
  }

  .topbar>.logo{
    grid-column:1;
    width:210px;
  }

  .topbar>.logo img{
    height:68px;
    max-height:68px;
  }

  .topbar>.desktop-nav,
  .topbar>.mr9-portal-nav{
    display:none !important;
  }

  .topbar>.project-link{
    display:flex !important;
    grid-column:3;
    margin-left:0;
  }

  .topbar>.menu{
    display:inline-flex !important;
    grid-column:4;
  }

  .mobile-nav{
    align-items:start;
    padding-top:112px;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  .mobile-nav nav{
    padding-bottom:48px;
  }

  .mobile-nav nav a{
    font-size:clamp(1.55rem,3.5vw,3.2rem);
    padding:8px 0;
  }
}

.topbar>.menu{
  align-items:center;
  justify-content:center;
  flex-direction:column;
  flex:0 0 44px;
  padding:0;
  border-color:rgba(236,238,232,.38);
  color:var(--paper);
  cursor:pointer;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}

.topbar>.menu:hover,
.topbar>.menu:focus-visible{
  border-color:var(--acid);
  background:rgba(152,255,84,.08);
  box-shadow:0 0 20px rgba(152,255,84,.12);
}

.topbar>.menu i{
  transition:transform .18s ease;
}

.topbar>.menu[aria-expanded="true"] i:first-child{
  transform:translateY(3.5px) rotate(45deg);
}

.topbar>.menu[aria-expanded="true"] i:last-child{
  transform:translateY(-3.5px) rotate(-45deg);
}

@media (max-width:820px){
  .hero-brand-lockup{
    grid-template-columns:100px minmax(0,1fr);
    gap:16px;
  }

  .hero-lockup-stacked{
    width:100px;
    height:106px;
  }
}

@media (max-width:720px){
  .topbar{
    grid-template-columns:minmax(0,1fr) 44px;
    gap:12px;
  }

  .topbar>.logo{
    grid-column:1;
    width:166px;
  }

  .topbar>.logo img{
    height:54px;
    max-height:54px;
  }

  .topbar>.desktop-nav,
  .topbar>.project-link,
  .topbar>.mr9-portal-nav{
    display:none !important;
  }

  .topbar>.menu{
    display:inline-flex !important;
    grid-column:2;
  }

  .mobile-nav{
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}

@media (prefers-reduced-motion:reduce){
  .mr9-nav-dropdown[open]>.mr9-nav-dropdown-panel,
  .mr9-portal-nav[open]>.mr9-portal-menu{
    animation:none;
  }

  .topbar>.menu,
  .topbar>.menu i{
    transition:none;
  }
}