.marquee-cards{overflow:hidden}
.mc-viewport{display:flex;flex-direction:column;gap:26px;margin-top:36px}
.mc-row{display:flex;gap:22px;width:max-content;will-change:transform}
.mc-row-1{animation:mc-left 42s linear infinite}
.mc-row-2{animation:mc-right 42s linear infinite}
.marquee-cards:hover .mc-row,.marquee-cards:focus-within .mc-row{animation-play-state:paused}
@keyframes mc-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mc-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.mc-card{flex:0 0 auto;width:min(280px,60vw);display:flex;flex-direction:column}
.mc-photo{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;box-shadow:0 18px 38px #0b241d1f}
.mc-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.68,0,1.01)}
.mc-card:hover .mc-photo img{transform:scale(1.06)}
.mc-num{position:absolute;top:14px;left:14px;z-index:1;color:#f4f1ea;font:600 12px 'Manrope',sans-serif;letter-spacing:1px;background:#091e19b3;border:1px solid #b99a6455;border-radius:20px;padding:4px 10px}
.mc-card figcaption{padding:16px 2px 0}
.mc-card h3{margin:0 0 8px;font:400 20px/1.25 'Playfair Display',Georgia,serif;color:var(--green);position:relative;display:inline-block;padding-bottom:8px;border-bottom:1px solid #10473840}
.mc-card h3 em{font-style:italic;font-weight:700;color:var(--bronze)}
.mc-card p{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}
@media(max-width:760px){
 .mc-card{width:66vw}
 .mc-viewport{gap:18px;margin-top:26px}
 .mc-row{gap:14px}
 .mc-card h3{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
 .mc-row{animation:none}
}