/* Mobile / tablet navigation, shared by every page (loaded after the page stylesheet). */
.nav-burger { display: none; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--hair); background: #fff; position: relative; flex: none; }
.nav-burger span { position: absolute; left: 12px; right: 12px; height: 1px; background: var(--ink); transition: transform .4s var(--ease), top .4s var(--ease); }
.nav-burger span:first-child { top: 17px; }
.nav-burger span:last-child { top: 24px; }
.nav-burger[aria-expanded="true"] span:first-child { top: 20px; transform: rotate(45deg); }
.nav-burger[aria-expanded="true"] span:last-child { top: 20px; transform: rotate(-45deg); }

.mobile-menu { position: fixed; inset: 0; z-index: 25; background: #fff; display: flex; flex-direction: column; justify-content: space-between; padding: 110px var(--m) 40px; }
.mobile-menu[hidden] { display: none; }
.mobile-menu-links { display: flex; flex-direction: column; }
.mobile-menu-links a { font-weight: 200; font-size: clamp(26px, 7vw, 40px); letter-spacing: -.03em; line-height: 1.2; padding: 10px 0; border-bottom: 1px solid var(--hair); }
.mobile-menu .pill { align-self: flex-start; }
body.menu-open { overflow: hidden; }

@media (max-width: 1000px) {
  .links { display: none; }
  .nav-burger { display: inline-block; }
  nav .right { gap: 12px; }
}
@media (max-width: 420px) {
  nav .right > .pill { display: none; }
}

/* Footer (all pages): brand and LinkedIn on one line, site links below */
footer .wrap.site-foot { display: flex; flex-direction: column; gap: 12px; }
.foot-top { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; }
.foot-linkedin { color: var(--ink); }
.foot-links { display: flex; flex-wrap: wrap; gap: 8px 18px; }
/* Desktop: everything on a single line — brand, site links, LinkedIn pushed right */
@media (min-width: 1001px) {
  footer .wrap.site-foot { flex-direction: row; align-items: baseline; gap: 18px; }
  .foot-top { display: contents; }
  .foot-links { order: 1; }
  .foot-linkedin { order: 2; margin-left: auto; }
}

/* Direct-contact line: never break an e-mail or a link label in the middle */
.direct a { white-space: nowrap; }