/* ==========================================================================
   Front Door · public footer skin · assets/css/front-door-footer.css
   U6 (Shah 6:58pm build all six). Same v12.9 markup (components/footer-public.html, untouched), new skin.
   Linked from index, legal, 404, /views, /design only. /work and case pages never load it (case pages keep
   components/footer.html). Tokens: design-system/tokens.css --pub-*. Type via --pub-font-ui only.
   ========================================================================== */
html #main-footer.footer {
  background: url("/assets/images/grain-soft.png") 0 0 / 64px 64px, var(--pub-light-bounce),
              linear-gradient(180deg, var(--cobalt-900), var(--cobalt-950));
  border-top: 0;
  box-shadow: none;
  color: var(--pub-inverse-muted);
}
html #main-footer.footer::before { display: none; }                      /* old poster texture off: one light */
html #main-footer .footer-top-row { border-bottom: 1px solid rgb(255 255 255 / .14); }
html #main-footer .footer-link,
html #main-footer .copyright-text,
html #main-footer .footer-legal-link { font-family: var(--pub-font-ui); }
html #main-footer .footer-link { color: var(--pub-inverse-text); font-weight: 500; }
html #main-footer .copyright-text { color: var(--pub-inverse-muted); }
html #main-footer .social-icon-btn {
  color: var(--pub-inverse-text);
  background: var(--pub-glass-cobalt);
  box-shadow: var(--pub-hi-top-glass), inset 0 0 0 1px rgb(255 255 255 / .2);
  transition: translate var(--pub-dur-hover) var(--pub-ease), background-color var(--pub-dur-hover) var(--pub-ease),
              scale var(--pub-dur-press) var(--pub-ease-press);
}
@media (hover: hover) and (pointer: fine) {
  html #main-footer .footer-link:hover { color: var(--pub-inverse-gold); }
  html #main-footer .social-icon-btn:hover { translate: 0 var(--pub-lift); background: var(--pub-glass-cobalt), rgb(255 255 255 / .08); }
}
@media (prefers-reduced-motion: reduce) { html #main-footer .social-icon-btn:hover { translate: none; } }
html #main-footer .social-icon-btn:active { scale: var(--pub-press); }
html #main-footer :is(a, button):focus-visible { outline: var(--pub-focus-ring-inverse); outline-offset: var(--pub-focus-offset); }
/* footer Contact Me in type D, as home + /work (cccc135), on legal, 404, /views; /design (.dsg) unchanged (PSB autopilot 6:58am ET) */
html body:not(.dsg) #main-footer .btn { font-family: var(--pub-font-ui); font-weight: 500; letter-spacing: -.005em; }