.page-navigation{width:min(100%,1280px);max-width:1280px;margin:0 auto;padding:14px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;min-height:76px;font:24px/1.2 Poiret,'Trebuchet MS',sans-serif;color:var(--rust)}
.page-navigation nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(20px,3.5vw,48px)}
.page-navigation a,.page-navigation button{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.page-navigation .home-link{color:var(--ink)}
.page-navigation nav a{position:relative}
.page-navigation nav a::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.page-navigation nav a:hover::after,.page-navigation nav a[aria-current=page]::after{transform:scaleX(1)}
.page-navigation nav a[aria-current=page]{color:var(--ink)}
.page-navigation .languages{gap:2px}
.page-footer{width:min(100%,1280px);padding:28px;margin:auto;font-size:22px;color:var(--rust)}
.page-footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:800px){.page-navigation{font-size:21px;gap:22px;padding-inline:20px}.page-navigation nav{gap:20px}}
@media(max-width:640px){
  .page-navigation{grid-template-columns:1fr auto;gap:0 16px;padding:8px 18px 12px;font-size:21px}
  .page-navigation nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:12px}
  .page-navigation>.languages{grid-row:1;grid-column:2}
  .page-navigation nav a{font-size:20px}
  .page-footer{padding:20px;font-size:20px}
}
@media(max-width:360px){.page-navigation nav{gap:8px}.page-navigation nav a{font-size:17px}}