/* Original Royal Studios logo, supplied by Shane. */
.nav .brand,.footer .brand{flex-shrink:0;gap:0}
.brand .brand-logo{display:block;width:166px;height:auto;max-width:100%;object-fit:contain}
.footer .brand{display:inline-flex;background:#fff;padding:14px 18px;border-radius:12px;max-width:100%}
.footer .brand .brand-logo{width:240px}
@media(max-width:600px){.nav .brand .brand-logo{width:150px}}
@media(forced-colors:active){.brand-logo{forced-color-adjust:none;background:white}}

/* Mobile navigation: two centered strokes, a clean close state, and a short reveal. */
@media(max-width:900px){
  .nav .burger{
    display:block;position:relative;flex:0 0 44px;width:44px;height:44px;
    padding:0;border:1px solid var(--line,#e4e4ea);border-radius:14px;
    background:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
    transition:background-color 160ms ease,border-color 160ms ease;
  }
  .nav .burger:hover{background:var(--paper-2,#f5f5f8)}
  .nav .burger:focus-visible{outline:3px solid var(--royal,#6d28d9);outline-offset:3px}
  .nav .burger span,.nav .burger span+span{
    position:absolute;left:11px;top:20px;width:20px;height:2px;margin:0;
    border-radius:2px;background:var(--ink,#0a0a0c);transform-origin:center;
    transition:transform 200ms cubic-bezier(.2,.8,.2,1);
  }
  .nav .burger span:nth-child(1){transform:translateY(-4px)}
  .nav .burger span:nth-child(2){display:none}
  .nav .burger span:nth-child(3){transform:translateY(4px)}
  .nav .burger[aria-expanded="true"]{background:var(--paper-2,#f5f5f8)}
  .nav .burger[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}
  .nav .burger[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}
  .menu{
    display:flex;visibility:hidden;opacity:0;pointer-events:none;
    transform:translateY(-8px);background:#fff;border-top:1px solid var(--line,#e4e4ea);
    padding:16px var(--gutter,24px) calc(24px + env(safe-area-inset-bottom));
    gap:24px;overflow-y:auto;overscroll-behavior:contain;
    transition:opacity 180ms ease,transform 180ms cubic-bezier(.2,.8,.2,1),visibility 180ms;
  }
  .menu.is-open{display:flex;visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
  .menu ul{margin:0;padding:0}
  .menu a.big{
    font-size:clamp(22px,5.5vw,28px);line-height:1.25;letter-spacing:-.02em;
    padding:14px 0;min-height:52px;transition:color 140ms ease;
  }
  .menu a.big:hover,.menu a.big:focus-visible{color:var(--royal,#6d28d9)}
  .menu .foot{margin-top:auto;flex-shrink:0;gap:10px}
  .menu .foot .btn{white-space:normal;line-height:1.3;padding-block:14px}
}
@media(prefers-reduced-motion:reduce){
  .nav .burger,.nav .burger span,.menu,.menu a.big{transition:none!important}
  .menu{transform:none}
}