/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L3 */
:root {
  --nav-height: 4.5rem;
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L7 */
.ob-nav__header {
  display: flex;
  align-items: center;
  padding: 1rem;
  height: 6.5rem;
  height: var(--nav-height);
}
@media screen and (min-width: 768px) {
  .ob-nav__header {
    --nav-height: 6.5rem;
    padding: 3rem;
  }
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L20 */
.ob-nav__logo {
  height: 1.75rem;
  width: auto;
}
@media screen and (min-width: 768px) {
  .ob-nav__logo {
    height: 2rem;
  }
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L29 */
.ob-nav__toggle {
  all: unset;
  text-transform: uppercase;
  padding: 0.5rem 0 0.5rem 0.5rem;
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L35 */
.ob-nav__toggle-close,
.ob-nav__toggle_open {
  align-items: center;
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L39 */
.ob-nav__toggle-open {
  display: flex;
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L43 */
.ob-nav__toggle-close {
  display: none;
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L47 */
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L48 */
.ob-nav.is-active .ob-nav__toggle-close {
  display: flex;
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L51 */
.ob-nav.is-active .ob-nav__toggle-open {
  display: none;
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L56 */
.ob-nav__content {
  position: absolute;
  top: 6.5rem;
  top: var(--nav-height);
  left: 0;
  right: 0;
  overflow-y: auto;
  z-index: 1000;
  background: white;
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L68 */
.ob-nav__content-inner {
  max-width: 40rem;
  max-width: max-content;
  margin: 2rem auto;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .ob-nav__content-inner {
    margin: 8vh auto;
  }
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L78 */
.ob-nav__content-inner > * {
  transition: opacity 700ms ease-out, transform 700ms ease-out;
  opacity: 0.3;
  transform: translateY(2rem);
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L85 */
.ob-nav__sections {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L90 */
/* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L91 */
.ob-nav.is-active .ob-nav__content-inner > * {
  opacity: 1;
  transform: none;
}
@supports (clip-path: circle(0 at 50% 0)) {
  /* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L98 */
  .ob-nav__content {
    justify-content: center;
    min-height: calc(100vh - 6.5rem);
    min-height: calc(100vh - var(--nav-height));
    clip-path: circle(0 at 100% 4rem);
    transition: clip-path 500ms ease-in;
  }
  
  /* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L108 */
  .ob-nav.is-active .ob-nav__content {
    clip-path: none;
  }
  
  /* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L112 */
  .ob-nav.is-active.transition .ob-nav__content {
    clip-path: circle(120vmax at 100% 4rem);
    overflow: hidden;
  }
}
@supports (display: grid) {
  /* /file/article/main-style/nav.15ec4bc342d4b5916c6411c297987c7d33175fd3.less:L119 */
  @media screen and (min-width: 992px) {
    .ob-nav {
      position: relative;
      place-self: start stretch;
    }
  }
}