.menu-socials{display:flex;gap:20px;align-items:center;position:absolute;left:clamp(54px,4.5vw,110px);bottom:9vh;color:#314b40}.menu-socials svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.menu-socials__dot{fill:currentColor;stroke:none}.menu-panel:has(.menu-motto__zh) .menu-socials{position:static;margin-top:28px;margin-bottom:20px}.menu-panel:has(.menu-motto__zh) .menu-motto{margin-top:0;padding-top:0}@media(max-width:760px){.menu-socials{left:54px;bottom:36px;gap:18px}}@media(max-height:620px) and (min-width:761px){.menu-socials{bottom:36px}}
/* Keep icons at the lower left without overlapping the motto on short screens. */
.menu-panel .menu-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;width:100%;flex-shrink:0;margin-top:auto;padding-top:54px}
.menu-panel .menu-bottom .menu-socials{position:static;display:flex;margin:0;flex-shrink:0}
.menu-panel .menu-bottom .menu-motto{margin:0;padding:0;align-self:auto}
@media(max-width:760px){.menu-panel .menu-bottom{padding-top:40px;align-items:flex-start;flex-direction:column;gap:24px}}

/* Solid icon feedback for pointer, touch and keyboard; no navigation targets. */
.menu-socials{gap:0}
.menu-socials__button{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.menu-socials__button svg{position:absolute;transition:opacity .18s ease}
.menu-socials .menu-socials__solid{fill:currentColor;stroke:none;opacity:0}
.menu-socials__button:active .menu-socials__solid,.menu-socials__button:focus-visible .menu-socials__solid{opacity:1}
.menu-socials__button:active .menu-socials__outline,.menu-socials__button:focus-visible .menu-socials__outline{opacity:0}
.menu-socials__button:focus-visible{outline:1px solid currentColor;outline-offset:-4px}
@media(hover:hover){.menu-socials__button:hover .menu-socials__solid{opacity:1}.menu-socials__button:hover .menu-socials__outline{opacity:0}}
@media(prefers-reduced-motion:reduce){.menu-socials__button svg{transition:none}}