/* A single growing surface behind the header and menu, on all mobile pages. */
.mobile-menu-surface{display:none}
@media(max-width:700px){
 body:not(.igla-page) header,body.igla-page.igla-page header{
  isolation:isolate;background:transparent;border-radius:0;box-shadow:none;
  transition:none;overflow:visible;
 }
 body:not(.igla-page) header.menu-open,body.igla-page.igla-page header.menu-open{border-radius:0}
 header .mobile-menu-surface{display:block;position:absolute;inset:0 0 auto;z-index:-1;background:#fff;pointer-events:none;will-change:height,border-radius}
 body:not(.igla-page) .mobile-navigation:not([hidden]),body.igla-page.igla-page .mobile-navigation:not([hidden]){background:transparent;box-shadow:none;transform-origin:top center;will-change:clip-path}
 body:not(.igla-page) .mobile-menu-toggle,body.igla-page.igla-page .mobile-menu-toggle,
 body:not(.igla-page) .mobile-menu-toggle:is([aria-expanded=true],:hover,:focus-visible,:active),
 body.igla-page.igla-page .mobile-menu-toggle:is([aria-expanded=true],:hover,:focus-visible,:active){background:transparent;color:#000;filter:none;opacity:1;-webkit-tap-highlight-color:transparent}
 header .mobile-menu-circle{opacity:1;filter:none}
 body:not(.igla-page) .mobile-menu-lines,body.igla-page.igla-page .mobile-menu-lines,
 body:not(.igla-page) .menu-cross,body.igla-page.igla-page .menu-cross{
  transition:transform var(--menu-duration,380ms) var(--menu-easing,ease),opacity var(--menu-duration,380ms) var(--menu-easing,ease);
 }
 body:not(.igla-page) .menu-cross::before,body:not(.igla-page) .menu-cross::after,
 body.igla-page.igla-page .menu-cross::before,body.igla-page.igla-page .menu-cross::after{
  background:#000;transition:transform var(--menu-duration,380ms) var(--menu-easing,ease);
 }
}
@media(prefers-reduced-motion:reduce){header .mobile-menu-lines,header .menu-cross,header .menu-cross::before,header .menu-cross::after{transition:none!important}}

/* Mobile project arrows match the shared 35-unit tag height. */
@media(max-width:700px){
 body:not(.igla-page){--project-mobile-unit:1rem}
 body.igla-page{--project-mobile-unit:var(--igla-mobile-unit)}
 body:not(.igla-page) .project .card-open .arrow,body.igla-page.igla-page .project .card-open .arrow{width:calc(35 * var(--project-mobile-unit));height:calc(35 * var(--project-mobile-unit))}
 body:not(.igla-page) .project .card-open .arrow .circle,body.igla-page.igla-page .project .card-open .arrow .circle{width:100%;height:100%}
 body:not(.igla-page) .project .card-open .arrow .shaft,body.igla-page.igla-page .project .card-open .arrow .shaft{width:calc(7.76 * var(--project-mobile-unit));height:calc(9.13 * var(--project-mobile-unit));mask-image:url('/assets/project-arrow-mobile-v8.svg')}
}

/* Games retain their desktop arrow motion; mobile cards show one centered arrow. */
@media(max-width:700px){
 body .project .card-open .arrow .shaft-copy{display:none}
 body .project .card-open .arrow .shaft{transform:translate(-50%,-50%) rotate(44.36deg)!important}
}
body.igla-page #other-projects,body.igla-page #other-projects-mobile{scroll-margin-top:30px}