.project-menu-toggle{
  display:none;
}

.project-mobile-footer{
  display:contents;
}

.project-mobile-footer__title{
  display:none;
}

@media (max-width:768px){
  body:has(> .project-mobile-menu) .page,
  body:has(> .project-mobile-menu) .project-info-panel,
  body:has(> .project-mobile-menu) .project-research-sheet{
    padding-left:var(--mobile-inline-pad);
    padding-right:var(--mobile-inline-pad);
  }

  body:has(> .project-mobile-menu) .project-info-panel{
    padding-top:104px;
  }

  body:has(> .project-mobile-menu) .grid,
  body:has(> .project-mobile-menu) .col--image,
  body:has(> .project-mobile-menu) .project-info-panel__inner,
  body:has(> .project-mobile-menu) .not-found{
    width:100%;
    max-width:none;
  }

  body:has(> .project-mobile-menu) .carousel__track img,
  body:has(> .project-mobile-menu) .project-video{
    width:100%;
    max-width:100%;
  }

  body:has(> .project-mobile-menu) .project-cursor-hit-area{
    width:100%;
    padding:0;
    margin:0;
  }

  .spaces-page .brand{
    position:fixed;
  }

  body .project-mobile-menu .menu__nav::before{
    content:none;
  }

  body .project-mobile-footer{
    position:fixed;
    left:var(--mobile-inline-pad);
    right:var(--mobile-inline-pad);
    bottom:calc(max(var(--pad), env(safe-area-inset-bottom)) + 12px);
    z-index:60;
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    justify-items:center;
    gap:4px;
    text-align:center;
    color:var(--ink);
    font-family:"Newsreader", serif;
    font-size:1rem;
    font-weight:360;
    line-height:1.25;
    pointer-events:none;
  }

  .project-mobile-footer .project-mobile-footer__title{
    display:block;
    text-wrap:balance;
  }

  body .project-mobile-footer .project-info-toggle{
    position:static;
    margin:0;
    padding:0;
    color:inherit;
    font:inherit;
    mix-blend-mode:normal;
    white-space:nowrap;
    text-align:center;
    pointer-events:auto;
  }

  .imagen-s2-project .project-mobile-footer{
    color:#fff;
    mix-blend-mode:difference;
  }

  body .menu.project-mobile-menu{
    top:50px;
    left:var(--mobile-inline-pad);
    right:auto;
    bottom:auto;
    width:max-content;
    max-width:calc(100vw - (var(--mobile-inline-pad) * 2));
    padding:0;
    z-index:100;
    isolation:isolate;
    mix-blend-mode:normal;
    transform:none;
    -webkit-transform:none;
    background:transparent;
    color:var(--ink);
    overflow:visible;
  }

  body .menu.project-mobile-menu::after{
    content:none;
    display:none;
  }

  .project-mobile-menu .project-menu-toggle{
    display:block;
    padding:0;
    border:0;
    background:transparent;
    color:var(--ink);
    font:inherit;
    font-family:"Newsreader", serif;
    font-weight:360;
    line-height:1.5rem;
    cursor:pointer;
    pointer-events:auto;
  }

  .project-menu-toggle[aria-expanded="true"]{
    text-decoration:underline;
    text-underline-offset:3px;
  }

  body .project-mobile-menu .menu__nav{
    display:none;
    position:relative;
    isolation:isolate;
    width:auto;
    margin:20px -14px 0;
    padding:14px;
    max-height:calc(100dvh - 130px);
    overflow-y:auto;
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }

  body .project-mobile-menu.is-open .menu__nav{
    display:flex;
  }

  body .project-mobile-menu .menu__item,
  body .project-mobile-menu .menu__subitem{
    color:var(--ink);
  }

  body .project-mobile-menu.is-open::before{
    content:"";
    position:absolute;
    top:24px;
    right:-32px;
    bottom:-32px;
    left:-32px;
    z-index:-1;
    pointer-events:none;
    background:rgba(255,252,248,.12);
    -webkit-backdrop-filter:saturate(150%) blur(16px);
    backdrop-filter:saturate(150%) blur(16px);
    -webkit-mask-image:
      linear-gradient(to right, transparent, #000 32px, #000 calc(100% - 32px), transparent),
      linear-gradient(to bottom, transparent, #000 32px, #000 calc(100% - 32px), transparent);
    mask-image:
      linear-gradient(to right, transparent, #000 32px, #000 calc(100% - 32px), transparent),
      linear-gradient(to bottom, transparent, #000 32px, #000 calc(100% - 32px), transparent);
    -webkit-mask-composite:source-in;
    mask-composite:intersect;
  }
}