/* Poster gallery: two-column curated grid + cinematic moving strip */
#portfolio .poster-motion-showcase{max-width:820px;margin:clamp(32px,6vw,70px) auto 0;text-align:center;position:relative}
#portfolio .poster-motion-viewport{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);padding:12px 0}
#portfolio .poster-motion-track{display:flex;align-items:center;gap:18px;width:max-content;will-change:transform;animation:posterDrift 33s linear infinite}
#portfolio .poster-motion-showcase:hover .poster-motion-track,#portfolio .poster-motion-showcase:focus-within .poster-motion-track,#portfolio .poster-motion-showcase.is-paused .poster-motion-track{animation-play-state:paused}
#portfolio .poster-motion-slide{display:block;width:clamp(130px,23vw,225px);aspect-ratio:2/3;flex:none;padding:0;background:#17130e;border:1px solid rgba(207,166,101,.24);border-radius:9px;overflow:hidden;cursor:pointer;position:relative;box-shadow:0 12px 35px rgba(0,0,0,.26)}
#portfolio .poster-motion-slide img{width:100%;height:100%;object-fit:cover;display:block}
#portfolio .poster-motion-slide span{position:absolute;bottom:0;right:0;left:0;text-align:center;padding:25px 8px 10px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff;font-size:clamp(12px,2.6vw,16px);font-weight:700}
#portfolio .poster-motion-controls{display:flex;justify-content:center;align-items:center;gap:22px;color:#cba66b;font-size:12px;letter-spacing:.12em;margin-top:12px}
#portfolio #posterMotionToggle{border:1px solid rgba(203,166,107,.45);border-radius:999px;background:transparent;color:#e4c99b;padding:9px 16px;font:inherit;font-size:13px;cursor:pointer}
#portfolio #posterMotionToggle:focus-visible,#portfolio .poster-motion-slide:focus-visible{outline:2px solid #e6c17c;outline-offset:4px}
@keyframes posterDrift{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media(max-width:600px){#portfolio .poster-motion-track{gap:12px;animation-duration:29s}#portfolio .poster-motion-slide{width:39vw}#portfolio .poster-motion-showcase{margin-top:34px}}
@media(prefers-reduced-motion:reduce){#portfolio .poster-motion-track{animation:none!important}#portfolio .poster-motion-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}#portfolio .poster-motion-controls{display:none}}
