/* Phone menu (6 Oct 2026, David): three-line icon that turns into an X; the menu drops in and the links rise one by one. */
.burger{display:none;place-items:center;width:46px;height:46px;padding:0;margin-right:-11px;border:0;border-radius:12px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.burger span{position:relative;display:block;width:24px;height:14px}
.burger i{position:absolute;left:0;width:24px;height:2px;border-radius:2px;background:#fff;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .2s,top .3s var(--ease)}
.burger i:nth-child(1){top:0}.burger i:nth-child(2){top:6px}.burger i:nth-child(3){top:12px}
.burger[aria-expanded=true] i:nth-child(1){top:6px;transform:rotate(45deg)}
.burger[aria-expanded=true] i:nth-child(2){opacity:0;transform:scaleX(0)}
.burger[aria-expanded=true] i:nth-child(3){top:6px;transform:rotate(-45deg)}
.burger:active{transform:scale(.94)}

.mnav{position:fixed;inset:70px 0 0;z-index:49;display:flex;flex-direction:column;padding:20px var(--gut) calc(28px + env(safe-area-inset-bottom,0px));background:var(--ink);overflow-y:auto;overscroll-behavior:contain;
  clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .55s cubic-bezier(.7,0,.2,1),visibility 0s .55s}
.mnav.open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .55s cubic-bezier(.7,0,.2,1),visibility 0s}
.mnav .ml{display:flex;align-items:center;justify-content:space-between;min-height:64px;font-size:32px;font-weight:800;letter-spacing:-.035em;text-decoration:none;color:#fff;box-shadow:inset 0 -1px 0 rgba(255,255,255,.1);
  opacity:0;transform:translateY(18px);transition:opacity .4s,transform .6s var(--ease),color .2s}
.mnav .ml::after{content:"";width:22px;height:22px;flex:none;background:var(--lime);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease)}
.mnav .ml:active{color:var(--lime)}
.mnav .ml:active::after{transform:translateX(4px)}
.mnav .mcta{display:flex;align-items:center;justify-content:center;min-height:58px;margin-top:auto;border-radius:16px;background:var(--lime);color:var(--ink);font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;text-decoration:none;
  opacity:0;transform:translateY(18px);transition:opacity .4s,transform .6s var(--ease)}
.mnav .msmall{margin:14px 0 0;text-align:center;font-size:13px;color:var(--grey);opacity:0;transition:opacity .4s}
.mnav .msmall a{color:inherit;text-decoration:none}
.mnav.open .ml,.mnav.open .mcta{opacity:1;transform:none}
.mnav.open .msmall{opacity:1}
.mnav.open .ml:nth-child(1){transition-delay:.12s}.mnav.open .ml:nth-child(2){transition-delay:.17s}.mnav.open .ml:nth-child(3){transition-delay:.22s}
.mnav.open .ml:nth-child(4){transition-delay:.27s}.mnav.open .ml:nth-child(5){transition-delay:.32s}.mnav.open .mcta{transition-delay:.4s}.mnav.open .msmall{transition-delay:.48s}
.mnav .ml{justify-content:flex-start}
.mnav .ml::after{margin-left:auto}
.mnav .ml:first-child{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(255,255,255,.1)}
html.menu-open body{overflow:hidden}
html.menu-open .top{transform:none!important;background:var(--ink)!important}
@media (max-width:860px){.top .btn{display:none}.burger{display:grid}}
@media (min-width:861px){.mnav{display:none!important}}
@media (prefers-reduced-motion:reduce){.burger i,.mnav,.mnav .ml,.mnav .mcta,.mnav .msmall{transition:none!important}}