/* Give the new navigation label room at the existing compact-header sizes. */
.site-nav a[href="/venue-assets"] { flex-shrink: 0; }
.site-nav a[aria-current="page"] { color: #ff83cb; background: #ff3b8d18; }
@media (max-width: 640px), ((min-width: 641px) and (max-width: 1024px) and (orientation: portrait)), ((max-width: 900px) and (orientation: landscape) and (max-height: 540px)), ((hover: none) and (pointer: coarse) and (min-width: 641px) and (max-width: 1366px) and (orientation: landscape)) {
 .site-header.is-scrolled.menu-open .site-nav { grid-template-columns: minmax(0, 1fr); justify-content: stretch; text-align: center; }
 .site-header.is-scrolled.menu-open .site-nav a { display: flex; align-items: center; justify-content: center; justify-self: stretch; width: auto; text-align: center; }
 .site-header:not(.is-scrolled) .site-nav a[href="/venue-assets"] { flex: 1.4 0 48px; white-space: normal; }
 .experience .site-header:not(.is-scrolled) .site-nav a { flex: 1 0 auto; padding-inline: 1px; font-size: clamp(.6rem, 2.65vw, .84rem); }
 .experience .site-header:not(.is-scrolled) .site-nav a[href="/venue-assets"] { flex: 1.4 0 48px; }
}

/* Match the Venue Assets footer treatment on the homepage at phone sizes. */
@media (max-width: 640px) {
 body#top.experience .footer-bottom {
   display: grid;
   grid-template-columns: max-content max-content;
   justify-content: center;
   align-items: center;
   gap: 24px 30px;
   text-align: center;
 }
 body#top.experience .footer-bottom::before {
   content: "CH Unplugged";
   color: #fff;
   font-size: .74rem;
   font-weight: 700;
   text-decoration: underline;
   text-underline-offset: .25em;
 }
 body#top.experience .footer-bottom > p:first-child {
   margin: 0;
   color: #a797b7;
   font-size: .74rem;
 }
 body#top.experience .footer-bottom > p:nth-child(2) {
   display: flex;
   grid-column: 1 / -1;
   justify-content: center;
   align-items: center;
   gap: 20px;
   margin: 0;
   font-size: 0;
 }
 body#top.experience .footer-bottom > p:nth-child(2) > span { display: none; }
 body#top.experience .footer-bottom > p:nth-child(2) > a {
   color: #fff;
   font-size: .8rem;
   text-decoration: underline;
   text-underline-offset: .25em;
 }
 body#top.experience .footer-bottom > a { display: none; }
}