/* Product showcase marquee (home, products, about). Separate file because the
   Vite bundles are cached as immutable — bump the filename (v2, v3…) when editing. */
.pshow{background:var(--espresso);color:var(--cream);padding:clamp(56px,7vw,104px) 0 clamp(60px,7.5vw,112px);position:relative;z-index:4;overflow:hidden}
.pshow-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;margin-bottom:clamp(30px,4vw,52px)}
.pshow .kick{color:var(--tan);margin-bottom:14px}
.pshow .pshow-h{font-family:Archivo,sans-serif;font-weight:900;text-transform:uppercase;color:var(--cream);font-size:clamp(30px,4.2vw,62px);line-height:.92;letter-spacing:-.045em;max-width:16ch;margin:0}
.pshow-all{display:inline-flex;align-items:center;gap:12px;font-family:Archivo,sans-serif;font-size:12px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--cream);text-decoration:none;border-bottom:2px solid var(--tan);padding-bottom:6px;white-space:nowrap}
.pshow-all:hover{color:var(--tan)}

.pshow-view{-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.pshow-track{display:flex;width:max-content;animation:pshow 80s linear infinite}
.pshow-view:hover .pshow-track,.pshow-view:focus-within .pshow-track{animation-play-state:paused}
@keyframes pshow{to{transform:translateX(-50%)}}
.pshow-set{display:flex;gap:20px;padding:0 20px 0 0;margin:0;list-style:none}

.pc{display:block;position:relative;width:clamp(210px,21vw,290px);aspect-ratio:10/13;border-radius:16px;overflow:hidden;background:var(--espresso-2);color:var(--cream);text-decoration:none;isolation:isolate}
.pc picture,.pc img{position:absolute;inset:0;width:100%;height:100%}
.pc img{object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.pc:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(46,28,14,0) 45%,rgba(46,28,14,.55) 70%,rgba(30,18,9,.92) 100%)}
.pc-txt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 22px 22px}
.pc-cat{display:block;font-family:Archivo,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--tan);margin-bottom:8px}
.pc-name{display:block;font-family:Archivo,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(18px,1.6vw,23px);line-height:1.05}
.pc:hover img,.pc:focus-visible img{transform:scale(1.06)}
.pc:focus-visible{outline:2px solid var(--tan);outline-offset:3px}

@media (max-width:700px){
  .pshow-set{gap:14px;padding-right:14px}
  .pc{width:62vw;max-width:250px;border-radius:12px}
  .pshow-track{animation-duration:65s}
}
@media (prefers-reduced-motion:reduce){
  .pshow-track{animation:none}
  .pshow-view{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .pshow-set[aria-hidden]{display:none}
}