/* The hero's bottom corners mirror the header's top corners: "Based in Toronto, Canada" (left) and Pause Motion (right)
   take the nav links' type and spacing (12px mono, 3px × 8px padding pulled back by a matching negative margin, so the
   text itself sits on the page margin), and sit as far from the hero's bottom edge as the links sit from its top.
   Tablets follow the tablet nav (11px, a little closer); on phones Pause Motion mirrors the Menu button (its 16px icon
   stands taller than the text, so it takes 2px less padding for the same 28px box) and the signature is hidden. */
.hero-signature,.hero-motion-toggle{font-size:12px!important;line-height:1.7;letter-spacing:0;padding:3px 8px;bottom:45.5px}
.hero-signature{position:absolute;left:calc(var(--pad) - 8px);z-index:4;margin:0}
.hero-motion-toggle{right:calc(var(--pad) - 8px)}
@media(max-width:1000px){.hero-signature,.hero-motion-toggle{font-size:11px!important;bottom:42.5px}}
@media(max-width:650px){
  .hero-signature{display:none}
  .hero-motion-toggle{font-size:12px!important;padding:6px 0;right:var(--pad);bottom:32px;line-height:1}
}

/* Footer: on phones the copyright line drops the studio description. */
@media(max-width:650px){.footer-studio{display:none}}

/* The corner text sits 2px lower than its spot; the hero art measures from the original spot (ascii.js subtracts the
   nudge), so the art's clearing around it stays where it was. */
.hero-signature,.hero-motion-toggle{--corner-nudge:2px;translate:0 var(--corner-nudge)}

/* Easter egg: clicking the signature swaps it for a few hellos (script.js), so its text is not selectable. */
.hero-signature{user-select:none;-webkit-user-select:none}