@font-face {
  font-family: 'Loom';
  src: url('/assets/Loom-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Shared navigation: product menu centered, Company in the footer. */
.topbar .wrap{display:grid;align-items:center;grid-template-columns:1fr auto 1fr;min-height:42px;gap:24px;}
.topbar .navlinks{width:auto;}
.topbar .signin-btn{grid-column:3;grid-row:1;justify-self:end;}
footer .wrap{display:grid;grid-template-columns:1fr auto 1fr;}
.footer-company{color:inherit;text-decoration:none;border-bottom:1px solid transparent;justify-self:center;}
.footer-company:hover,.footer-company[aria-current="page"]{border-color:currentColor;}
.footer-x{justify-self:end;}
@media(max-width:680px){
  .topbar .wrap{gap:12px;}
  .topbar .navlinks{display:none;}
  footer .wrap{gap:12px;font-size:9px;}
  body.tab-layout{--footer-h:44px;}
  body.tab-layout>footer{display:flex;}
}

.footer-actions{display:flex;align-items:center;justify-self:end;gap:14px;}
.footer-page-menu{appearance:none;background:none;border:0;padding:5px 0;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;}
.footer-page-menu:hover{color:var(--ink);text-decoration:underline;}
.footer-page-menu:focus-visible{outline:1px solid currentColor;outline-offset:3px;}

.topbar .nav-home{grid-column:2;grid-row:1;justify-self:center;font-family:'Loom',serif;font-size:38px;font-weight:400;line-height:1;text-transform:lowercase;text-decoration:none;border:0;color:var(--ink);}

.topbar .nav-home img{display:block;width:auto;height:1em;}