/* Navigation carries the invitation; the footer only carries authorship. */
.site-header{width:min(1560px,92%);grid-template-rows:32px 62px;padding-top:14px;padding-bottom:16px;gap:0 28px}
.site-nav{min-height:62px;gap:clamp(18px,2vw,32px)}
.site-nav .nav-destination{min-height:62px}
.site-nav .nav-label,.site-nav .nav-destination.nav-leaving .nav-label{font-size:14px;letter-spacing:.14em}
.site-nav .nav-destination:is([aria-current=page],.nav-entering):not(.nav-leaving) .nav-label{font-size:48px}
.site-nav .nav-overline{font-size:9px;line-height:1.4}
.site-nav .nav-contact:not([aria-current=page]) .nav-overline{display:none}
.site-nav .nav-contact[aria-current=page] .nav-overline{max-height:16px;opacity:1;margin-bottom:3px}
.site-nav .demo-nav{font-size:11px}
.header-socials .socials{gap:6px 14px}
.header-socials .socials a{height:34px;width:36px}
.header-socials .socials svg{width:20px;height:20px}
.site-footer,.workshop .site-footer{display:block;width:min(1560px,92%);margin:28px auto 0;padding:12px 0 82px;border:0;background:none;box-shadow:none;text-align:center}
.site-footer .copyright{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}
@media(min-width:721px) and (max-width:1120px){
 .site-header{grid-template-rows:44px 62px}
 .site-header .brand{grid-row:1;grid-column:1;text-align:left;font-size:20px}
 .header-socials{grid-row:1;grid-column:2}
 .site-header .site-nav{grid-column:1/3;grid-row:2;justify-self:center;width:100%}
}
@media(max-width:720px){
 .site-header{width:92%;grid-template-rows:auto 58px;gap:8px 4px;padding:12px 0}
 .site-header .brand{font-size:15px}
 .site-nav:not(.open){min-height:58px}
 .site-nav .nav-destination{min-height:53px}
 .site-nav .nav-destination[aria-current=page] .nav-label{font-size:41px}
 .site-nav .nav-overline{font-size:8px}
 .site-nav.open{gap:4px}
 .site-nav.open .nav-label{font-size:16px}
 .site-nav .nav-contact[aria-current=page] .nav-overline{margin-bottom:2px}
 .header-socials .socials{gap:3px}
 .header-socials .socials a{width:30px;height:40px}
 .header-socials .socials svg{width:18px;height:18px}
 .site-footer,.workshop .site-footer{margin-top:20px;padding-bottom:92px}
}

/* Separate the gallery link from the copyright text on every page. */
.site-footer .copyright .footer-link{display:inline-block;margin-inline-start:1em}