.spero-nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background-color .4s var(--ease-out),color .4s var(--ease-out),border-color .4s var(--ease-out);border-bottom:1px solid transparent}.spero-nav--solid{background:var(--paper);color:var(--ink);border-bottom-color:var(--line)}.spero-nav--transparent{background:transparent;color:#fff}.spero-nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:var(--max-w-page);margin:0 auto;padding:18px 32px;gap:24px}.spero-nav-links{display:flex;align-items:center;gap:24px}.spero-nav-links--left{justify-content:flex-start}.spero-nav-links--right{justify-content:flex-end}.spero-nav-link{font-family:var(--font-sans);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:inherit;text-decoration:none;font-weight:400;position:relative;padding:4px 0;transition:opacity var(--dur-fast) var(--ease-out)}.spero-nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform var(--dur-fast) var(--ease-out)}.spero-nav-link:hover{opacity:.7}.spero-nav-link:hover:after{transform:scaleX(1);transform-origin:left center}.spero-nav-logo{font-family:var(--font-serif);font-size:18px;letter-spacing:.35em;color:inherit;text-decoration:none;font-weight:400;padding:4px 8px}.spero-nav-burger{display:none;background:transparent;border:0;width:28px;height:28px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:0;color:inherit}.spero-nav-burger span{display:block;width:22px;height:1px;background:currentColor;transition:transform .3s var(--ease-out),opacity .3s var(--ease-out)}.spero-nav--open .spero-nav-burger span:first-child{transform:translateY(6px) rotate(45deg)}.spero-nav--open .spero-nav-burger span:nth-child(2){opacity:0}.spero-nav--open .spero-nav-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.spero-nav-mobile{display:none;flex-direction:column;gap:4px;padding:0 32px 24px;max-height:0;overflow:hidden;transition:max-height .4s var(--ease-out);background:inherit}.spero-nav--open .spero-nav-mobile{max-height:70vh;padding-top:8px;padding-bottom:32px}.spero-nav-mobile-link{font-family:var(--font-serif);font-size:22px;letter-spacing:.12em;text-transform:uppercase;color:inherit;text-decoration:none;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.15);font-weight:400}.spero-nav--solid .spero-nav-mobile-link{border-bottom-color:var(--line)}.spero-nav-spacer{height:64px}@media (max-width:768px){.spero-nav-inner{grid-template-columns:1fr auto 1fr;padding:14px 20px}.spero-nav-links{display:none}.spero-nav-burger,.spero-nav-mobile{display:flex}.spero-nav-logo{font-size:16px;letter-spacing:.3em;justify-self:center}}