.media-marquee{width:100%;padding:6em 0;overflow:hidden}.media-marquee-title{font-family:BDMegalona,serif;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:600;font-style:normal;text-transform:none;letter-spacing:normal;color:var(--fg);text-align:center;margin-bottom:2em}.media-marquee-container{display:flex;flex-direction:column;gap:1em}.marquee-track{display:flex;gap:1em;width:max-content;will-change:transform}@media(hover:hover){.marquee-track:hover{animation-play-state:paused}}.marquee-track.scroll-left{animation:marqueeLeft 80s linear infinite}.marquee-track.scroll-right{animation:marqueeRight 80s linear infinite}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-33.33%)}}@keyframes marqueeRight{0%{transform:translate(-33.33%)}to{transform:translate(0)}}.marquee-card{flex-shrink:0;width:320px;height:420px;cursor:pointer;position:relative}.marquee-card-inner{width:100%;height:100%;border-radius:.75rem;overflow:hidden;position:relative;background-color:#111;border:.5px solid rgba(227,227,219,.1);transition:border-color .3s ease,transform .3s ease}@media(hover:hover){.marquee-card:hover .marquee-card-inner{border-color:#e3e3db66;transform:scale(1.02)}}.marquee-media{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.marquee-card img.marquee-media{opacity:0;transition:opacity .5s ease}.marquee-card.loaded img.marquee-media{opacity:1}.marquee-play-icon{position:absolute;bottom:.75em;right:.75em;width:32px;height:32px;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none}.marquee-play-icon svg{margin-left:1px}@media(hover:hover){.marquee-card:hover .marquee-play-icon{opacity:1}}@media(max-width:1400px){.marquee-card{width:280px;height:370px}.marquee-track{gap:.85em}}@media(max-width:1000px){.media-marquee{padding:4em 0}.media-marquee-container{gap:.75em}.marquee-card{width:240px;height:320px}.marquee-track{gap:.75em}.marquee-track.scroll-left,.marquee-track.scroll-right{animation-duration:60s}}@media(max-width:600px){.media-marquee{padding:3em 0}.media-marquee-container{gap:.5em}.marquee-card{width:180px;height:240px}.marquee-card-inner{border-radius:.5rem}.marquee-track{gap:.5em}.marquee-track.scroll-left,.marquee-track.scroll-right{animation-duration:45s}.marquee-play-icon{opacity:.7;width:28px;height:28px}.marquee-card.no-click{cursor:default;pointer-events:none}}