/* The menu mark follows the personal site's three-line to X animation. */
.menu-toggle,.menu-close{align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--orange);cursor:pointer}.menu-toggle{display:none}.menu-close{display:flex}.menu-toggle .menu-mark,.menu-close .menu-mark{width:30px;height:30px;fill:none;stroke:currentColor;stroke-linecap:round;transition:transform .5s cubic-bezier(.4,0,.2,1)}.menu-mark path{stroke-width:3;stroke-linejoin:round;transition:stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.menu-mark-turn{stroke-dasharray:12 63}.menu-mark[data-open]{transform:rotate(-45deg)}.menu-mark[data-open] .menu-mark-turn{stroke-dasharray:20 300;stroke-dashoffset:-32.42px}.menu-toggle:hover,.menu-close:hover{background:var(--orange-soft)}
.mobile-navigation{inset:0 0 0 auto;width:min(420px,100%);height:100dvh;max-width:100%;max-height:100dvh;margin:0;border:0;padding:0 24px max(24px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--paper) 94%,transparent);color:var(--ink);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow-y:auto;overscroll-behavior:contain}.mobile-navigation[open]{display:flex;flex-direction:column}.mobile-navigation::backdrop{background:color-mix(in srgb,var(--ink) 35%,transparent);backdrop-filter:blur(5px);transition:opacity .26s}.mobile-navigation[data-closing]::backdrop{opacity:0}.mobile-menu-open{overflow:hidden}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;padding-top:env(safe-area-inset-top);flex-shrink:0}.mobile-nav-head .logo span{color:var(--orange)}.mobile-navigation nav{display:block;white-space:normal;margin:18px 0 36px}.mobile-nav-links{margin:0;padding:0;list-style:none}.mobile-navigation .mobile-nav-links a{display:flex;align-items:center;gap:24px;padding:23px 0;border-bottom:1px solid var(--line);font-size:32px;font-weight:650;line-height:1.2;letter-spacing:-1px}.mobile-nav-links a>span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.mobile-nav-links a[aria-current=page]{color:var(--orange)}.mobile-nav-actions{display:grid;gap:12px;margin-top:auto;padding-top:12px}.mobile-nav-actions a{display:flex;align-items:center;justify-content:center;min-height:64px;border-radius:18px;padding:14px 12px;font-size:clamp(22px,6vw,28px);line-height:1.15;font-weight:650;text-align:center}.nav-book{background:var(--ink);color:var(--paper);box-shadow:var(--shadow)}.nav-follow{background:var(--orange-soft);color:var(--ink)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-actions .hero-instagram{margin-top:0}.hero-book{display:inline-flex;align-items:center;gap:14px;padding:13px 21px;min-height:66px;border-radius:18px;background:var(--ink);color:var(--paper);box-shadow:var(--shadow)}.hero-book span{display:grid;gap:3px}.hero-book small{font-size:10px;font-weight:400;color:var(--paper)}.hero-book strong{font-size:13px}.hero-book svg{width:20px;height:20px}.hero-book:hover{background:var(--orange)}
@media(max-width:680px){body>header .nav-wrap{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 20px}body>header nav[aria-label="Main navigation"]{display:none}body>header .logo{grid-column:1;grid-row:1}body>header .menu-toggle{display:flex;grid-column:2;grid-row:1}body>header .search{grid-column:1/-1;grid-row:2}.hero-actions .hero-instagram,.hero-book{min-height:62px;padding:11px 15px;flex:1;white-space:nowrap}.hero-actions{gap:10px}.hero-actions .hero-instagram{margin:0}.mobile-nav-head .logo{font-size:26px}}
@media(prefers-reduced-motion:reduce){.menu-mark,.menu-mark path,.mobile-navigation::backdrop{transition:none!important}}