/* Preserve the original TechHolic palette and artwork. */
html { scroll-behavior: smooth; }
body { font-size: 1rem; }
img { max-width: 100%; height: auto; }
section[id], .project[id] { scroll-margin-top: 90px; }
a:focus-visible, button:focus-visible { outline: 3px solid #df017a !important; outline-offset: 5px; }
.staff .text .faded { opacity: 1; }
.staff:hover .text, .staff:focus .text { margin-top: 0; }
#contact .row.justify-content-center > .col-lg-3 { max-width: 600px; flex: 0 1 600px; }
#contact .staff .img { max-width: 320px; margin: auto; }
#contact .staff .text { padding-top: 2rem !important; }
.ftco-animate { opacity: 1; visibility: visible; }
.project:focus-within:after { opacity: .8; }
.project:focus-within .text { opacity: 1; top: 0; }
.project:focus-within .icon { opacity: 1; bottom: 10px; }
.project .portfolio-hover { position: absolute; inset: 0; z-index: 3; }
.project .text { pointer-events: none; }
.project .text a { pointer-events: auto; }
@media (hover: none), (max-width: 767px) {
  .project .text { opacity: 1; top: auto; bottom: 0; padding: 1rem; background: rgba(0,0,0,.8); }
  .project .text h3 { margin: 0; font-size: 1.125rem; }
  .project .text span { font-size: .875rem; }
  .project .icon { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Original accessory category colors. */
    #madetoorder.project:after {
      background: #6d209e !important;
    }
    #repair.project:after {
      background: #e48e50 !important;
    }
    #original-earings.project:after {
      background: #df017a !important;
    }
    #others.project:after {
      background: #2633ee !important;
    }