/* The phone index: a small identity field and six easy-to-reach routes. */
.m-identity,.m-utility,.m-language{display:none}
@media(max-width:1023px){
 #menu .mpanel{width:100%;padding:4.8rem 1.5rem max(1.25rem,env(safe-area-inset-bottom));justify-content:flex-start;gap:0;background:radial-gradient(ellipse at 14% 16%,#f2f3ee 0%,transparent 55%),linear-gradient(150deg,#d4d8d3 0%,#e8eae5 48%,#bcc5be 100%);overscroll-behavior:contain;transition-duration:.65s}
 #menu .m-identity{display:flex;align-items:center;justify-content:center;flex:0 0 clamp(7.5rem,24dvh,15rem);width:100%;margin-bottom:.6rem;pointer-events:none}
 #menu .m-identity img{display:block;width:auto;height:clamp(7.5rem,24dvh,15rem);max-width:85%;object-fit:contain;filter:brightness(.43) saturate(.7);animation:kb-menu-breathe 7s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:center}
 body.menu-open #menu .m-identity img{animation-play-state:running}
 #menu .m-mask{flex-shrink:0}
 #menu .m-link{min-height:clamp(44px,7dvh,64px);padding:.14rem 0;font-size:clamp(1.9rem,8.6vw,3rem);line-height:1.15;gap:.65rem;letter-spacing:-.025em;transition-duration:.4s}
 #menu .m-dot{display:none}
 body.menu-open #menu .m-link{transition-delay:.22s}
 #menu .m-link:focus-visible,#menu .m-utility a:focus-visible{outline:2px solid #16594b;outline-offset:-2px}
 #menu .m-utility{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;flex-shrink:0;gap:.25rem 1.25rem;width:100%;margin-top:auto;padding-top:1rem}
 #menu .m-language,#menu .m-legal{display:flex;flex-wrap:wrap;gap:0 1rem}
 #menu .m-utility a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;font-size:.9rem;line-height:1.5;color:var(--ink);text-decoration:none}
 [dir="rtl"] #menu .m-link{font-size:clamp(1.75rem,7.7vw,2.7rem);line-height:1.4;letter-spacing:0}
 html[data-aqua-hidden] #menu .m-identity img{animation-play-state:paused}
 @keyframes kb-menu-breathe{from{transform:scale(.97);opacity:.76}to{transform:scale(1.025);opacity:1}}
}
@media(max-width:1023px) and (max-height:580px){#menu .m-identity{flex-basis:6rem}#menu .m-identity img{height:6rem}}
@media(prefers-reduced-motion:reduce){#menu .m-identity img{animation:none}#menu .mpanel,#menu .m-link{transition:none}}