/* Page navigation stays separate from the island scene controls. */
.contact-page{min-height:100svh;background:var(--paper)}
.contact-page .brand img{filter:invert(1)}
@media(prefers-color-scheme:dark){.contact-page .brand img{filter:none}}
:is(.orbit-home,.contact-page) .site-header .primary-navigation{gap:32px}
.work-menu{position:relative;align-self:stretch;display:flex;align-items:center}
.work-menu-toggle{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:0;background:none;padding:8px 0;font:inherit;font-weight:inherit}
:is(.orbit-home,.contact-page) .primary-navigation > a,.work-menu-toggle{white-space:nowrap}
.work-menu-toggle svg{transition:transform .2s}
.work-menu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.work-menu-list{position:absolute;top:100%;left:-20px;z-index:80;min-width:225px;margin:0;padding:12px 0;list-style:none;border:1px solid var(--line);background:var(--paper);box-shadow:0 12px 30px #302d281c}
.work-menu-list[hidden]{display:none}
:is(.orbit-home,.contact-page) .site-header .work-menu-list a{display:block;padding:10px 20px;font-size:13px;font-weight:400;white-space:nowrap}
:is(.orbit-home,.contact-page) .site-header .work-menu-list a:after{display:none}
:is(.orbit-home,.contact-page) .site-header .work-menu-list a:hover,:is(.orbit-home,.contact-page) .site-header .work-menu-list a:focus-visible{background:#302d2810;text-decoration:underline;text-underline-offset:4px}
.work-menu-list a:focus-visible{outline-offset:-4px}
@media(max-width:767px){
  :is(.orbit-home,.contact-page) .site-header{gap:13px}
  :is(.orbit-home,.contact-page) .site-header .primary-navigation{gap:18px;font-size:13px}
  :is(.orbit-home,.contact-page) .site-header .brand img{width:41px}
  .work-menu-list{left:-50px;min-width:215px}
  .work-menu-toggle{gap:5px}
}
@media(max-width:380px){
  :is(.orbit-home,.contact-page) .site-header{padding-left:14px;padding-right:14px;gap:10px}
  :is(.orbit-home,.contact-page) .site-header .primary-navigation{gap:12px;font-size:12px}
  :is(.orbit-home,.contact-page) .site-header .brand img{width:34px}
  :is(.orbit-home,.contact-page) .site-header .motion-toggle{width:27px;height:27px}
  .work-menu-toggle{gap:4px}
  .work-menu-toggle svg{width:8px}
  .work-menu-list{left:-65px;min-width:210px}
}
@media(max-height:600px) and (min-width:600px){
  :is(.orbit-home,.contact-page) .site-header .primary-navigation{gap:24px;font-size:12px}
  .work-menu-list{padding:7px 0}
  :is(.orbit-home,.contact-page) .site-header .work-menu-list a{padding:8px 18px}
}

/* Fit complete project names and keep the menu corners consistent. */
.work-menu-list{width:max-content;min-width:240px;max-width:calc(100vw - 32px);border-radius:8px;overflow:hidden}
:is(.orbit-home,.contact-page) .site-header .work-menu-list a{box-sizing:border-box;white-space:normal;overflow-wrap:break-word;border-radius:0}
@media(max-width:767px){
  .work-menu-list{position:fixed;top:72px;left:16px;right:16px;width:auto;min-width:0;max-width:none}
}