.look-header__brand { position: relative; z-index: 2; }
.look-header__menu { height: 30px; padding: 0; top: 15px; z-index: 2; }
.look-header__menu span { left: 0; position: absolute; transition: top .22s ease .28s, transform .28s ease, opacity .15s ease; }
.look-header__menu span:nth-child(1) { top: 7px; }
.look-header__menu span:nth-child(2) { top: 14px; }
.look-header__menu span:nth-child(3) { top: 21px; }
.look-header.is-menu-open .look-header__menu span { transition: top .22s ease, transform .28s ease .22s, opacity .15s ease .22s; }
.look-header.is-menu-open .look-header__menu span:nth-child(1) { top: 14px; transform: rotate(45deg); }
.look-header.is-menu-open .look-header__menu span:nth-child(2) { opacity: 0; }
.look-header.is-menu-open .look-header__menu span:nth-child(3) { top: 14px; transform: rotate(-45deg); }

.look-navigation { background: rgba(255, 255, 255, .9); height: 0; inset: 0; overflow-x: hidden; overflow-y: auto; position: fixed; transition: height .5s cubic-bezier(.22, .61, .36, 1), visibility 0s linear .5s; visibility: hidden; z-index: 1; }
.look-header.is-menu-open .look-navigation { height: 100dvh; transition: height .5s cubic-bezier(.22, .61, .36, 1); visibility: visible; }
.look-navigation__inner { align-items: center; display: flex; flex-direction: column; opacity: 0; padding: 140px 20px 40px; text-align: center; transition: opacity .2s ease; }
.look-header.is-menu-open .look-navigation__inner { opacity: 1; transition-delay: .2s; }
.look-navigation__link, .look-navigation__collection-trigger { font-size: 20px; letter-spacing: .03em; line-height: 1; margin-bottom: 18px; }
.look-navigation__collection-trigger { background: transparent; border: 0; cursor: pointer; padding: 0; }
.look-navigation__collection { align-items: center; display: flex; flex-direction: column; }
.look-navigation__collection-panel { display: grid; grid-template-rows: 0fr; opacity: 0; padding: 0; transition: grid-template-rows .5s cubic-bezier(.22, .61, .36, 1), opacity .2s ease, padding .5s cubic-bezier(.22, .61, .36, 1); }
.look-navigation__collection-panel-inner { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
.look-navigation__collection.is-open .look-navigation__collection-panel { grid-template-rows: 1fr; opacity: 1; padding: 2px 0 10px; }
.look-navigation__collection-panel a { font-size: 12px; letter-spacing: .03em; line-height: 1; margin-bottom: 12px; white-space: nowrap; }
body.is-menu-open { overflow: hidden; }

@media (max-width: 767px) {
  html.is-menu-open, body.is-menu-open { height: 100%; overflow: hidden; }
}

@media (min-width: 768px) {
  .look-header__menu { height: 32px; top: 14px; }
  .look-header__menu span:nth-child(1) { top: 7px; }
  .look-header__menu span:nth-child(2) { top: 15px; }
  .look-header__menu span:nth-child(3) { top: 23px; }
  .look-header.is-menu-open .look-header__menu span:nth-child(1), .look-header.is-menu-open .look-header__menu span:nth-child(3) { top: 15px; }
  .look-navigation { right: auto; width: 50vw; }
  .look-navigation__inner { padding-top: 160px; }
  .look-navigation__link, .look-navigation__collection-trigger { font-size: 22px; margin-bottom: 20px; }
  .look-navigation__collection-panel a { font-size: 13px; margin-bottom: 13px; }
  .look-navigation__collection.is-open .look-navigation__collection-panel { padding-bottom: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .look-header__menu span, .look-navigation, .look-navigation__inner, .look-navigation__collection-panel { transition: none; }
}