/* The Quaig Laser Pro Shop door card on /lab: a black metal business card resting on a dark bench across the top of the
   card. Hover or focus lifts the card a little. Loaded by lab/index.html only; material colours match shop.css. */
#pro-shop-door { overflow: hidden; }
#pro-shop-door .psd-door { position: relative; display: flex; align-items: center; justify-content: center; height: 132px; margin: -22px -24px 8px;
  text-decoration: none;
  background: radial-gradient(90% 120% at 30% 0%, rgba(255,255,255,.07), transparent 60%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.022) 0 1px, transparent 1px 3px), #121418; }
#pro-shop-door .psd-card { display: grid; align-content: space-between; width: 168px; aspect-ratio: 3.5 / 2; padding: 13px 14px; border-radius: 7px;
  color: #e9edf0; font-family: "Red Hat Mono", ui-monospace, monospace; font-size: 10.5px; text-shadow: 0 0 1px rgba(233,237,240,.5);
  background: repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 2px),
    linear-gradient(128deg, #2d3139 0%, #1c1f25 40%, #121418 64%, #2d3139 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 18px 26px -14px rgba(0,0,0,.9);
  transform: rotate(-4deg); transition: transform .4s cubic-bezier(.3,.8,.25,1); }
#pro-shop-door .psd-name { font-family: "Red Hat Display", system-ui, sans-serif; font-weight: 900; font-size: 16px; letter-spacing: .01em; }
#pro-shop-door .psd-door:hover .psd-card, #pro-shop-door .psd-door:focus-visible .psd-card { transform: rotate(-1deg) translateY(-5px); }
#pro-shop-door .psd-door:focus-visible { outline: 3px solid #f2a33a; outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) { #pro-shop-door .psd-card { transition: none; } }
/* The Pro Shop and Burn Run cards share a row at 900 px and up: keep each card's lines at their own height (a stretched
   row turned Burn Run's label pill into a circle beside the taller Pro Shop card). */
.lab-tools .site { align-content: start; }