/* Shared navigation composition on the homepage, about, pricing and legal pages. */
dialog.menu{box-sizing:border-box;border:0;padding:0;margin:0;max-width:none;max-height:none;width:100%;height:100dvh;background:#171716;color:#f4f2ed;overflow:auto}
dialog.menu::backdrop{background:#0b0b0ce6}
dialog.menu .menu-in{box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;padding:clamp(68px,10svh,88px) clamp(18px,4.5vw,64px) max(24px,env(safe-area-inset-bottom))}
dialog.menu .menu-x{position:absolute;top:12px;right:clamp(10px,3vw,56px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer}
dialog.menu .menu-x i{display:block;width:24px;height:2px;background:currentColor}
dialog.menu .menu-x i:first-child{transform:translateY(3.5px) rotate(45deg)}
dialog.menu .menu-x i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
dialog.menu nav,.men-prace{display:flex;flex-direction:column;gap:0}
dialog.menu .men-info{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:clamp(26px,5svh,48px)}
dialog.menu nav a{display:flex;align-items:center;min-height:44px;padding:clamp(12px,2.15svh,20px) 0;font-family:var(--display);font-variation-settings:'wdth' 112,'wght' 800;letter-spacing:-.03em;line-height:1.1;text-decoration:none;color:inherit;transition:color .18s ease}
dialog.menu .men-prace a{font-size:clamp(27px,7.6vw,40px)}
dialog.menu .men-info a{font-size:clamp(23px,6.4vw,33px)}
dialog.menu nav a[aria-current]{color:#f4f2ed;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
@media(hover:hover){dialog.menu nav a:hover{color:#f4f2ed}}
@property --mw{syntax:"<length-percentage>";inherits:false;initial-value:0px}
dialog.menu nav a{position:relative;isolation:isolate;--rp:clamp(12px,2.15svh,20px)}
dialog.menu nav a::before{content:"";position:absolute;inset:0;background:#f4f2ed;z-index:-1;--mw:0px;clip-path:polygon(0 0,var(--mw) 0,calc(var(--mw) - (1em + 2 * var(--rp)) * .9036) 100%,0 100%);transition:--mw .45s cubic-bezier(.22,.75,.24,1)}
dialog.menu nav a.ide::before,dialog.menu nav a:active::before{--mw:calc(100% + (1em + 2 * var(--rp)) * .9036)}
dialog.menu nav a.ide,dialog.menu nav a:active{color:#171716}
dialog.menu a:focus-visible,dialog.menu button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
dialog.menu .menu-signature{flex:1;display:flex;align-items:center;justify-content:center;gap:.3em;min-height:72px;margin:0;padding:24px 0;font-family:var(--display);font-variation-settings:'wdth' 100,'wght' 500;font-size:clamp(10px,2.8vw,13px);letter-spacing:.18em;text-transform:uppercase;color:#aaa9a3;white-space:nowrap}
dialog.menu .menu-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0;padding:0;border:0}
dialog.menu .menu-mail{font-family:var(--display);font-variation-settings:'wdth' 92,'wght' 700;font-size:14px;color:inherit;text-decoration:none;min-height:44px;display:flex;align-items:center}
dialog.menu .lang,dialog.menu .page-languages{display:flex;align-items:center;gap:6px;padding:0;border:0;font-family:var(--display);font-size:13px;font-variation-settings:'wdth' 92,'wght' 700;letter-spacing:.1em}
dialog.menu .lang>* ,dialog.menu .page-languages>*{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:44px}
dialog.menu .soon,dialog.menu .unavailable{opacity:.38}
dialog.menu nav a::before{opacity:0}
dialog.menu nav a.ide::before,dialog.menu nav a:active::before{opacity:1}
dialog.menu .lang>a,dialog.menu .page-languages>a{min-width:44px}
@media(max-height:600px){dialog.menu .menu-in{padding-top:58px}dialog.menu nav a{padding-block:10px}dialog.menu .men-info{margin-top:18px}dialog.menu .menu-signature{min-height:54px;padding-block:18px}}
@media(prefers-reduced-motion:reduce){dialog.menu nav a{transition:none}}

dialog.menu,dialog.menu *{-webkit-tap-highlight-color:transparent}
dialog.menu ::selection{background:#f4f2ed;color:#171716}
dialog.menu nav a{user-select:none;-webkit-user-select:none}