@keyframes mediaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mediaZoomIn{0%{transform:scale(1.15)}to{transform:scale(1)}}.media-flex{align-items:stretch;display:flex;flex-direction:column;gap:16px;width:100%}@media (min-width:768px){.media-flex{flex-direction:row;gap:32px}}.media-item{animation:mediaFadeIn 1.2s cubic-bezier(.22,1,.36,1) both;aspect-ratio:3/4;background-color:#18181b;flex:1;overflow:hidden;position:relative}.media-item:first-child{animation-delay:0s;--delay:0s}.media-item:nth-child(2){animation-delay:.2s;--delay:0.2s}.media-item:nth-child(3){animation-delay:.4s;--delay:0.4s}.media-zoom{animation:mediaZoomIn 1.6s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--delay,0s);height:100%;inset:0;position:absolute;width:100%}.media-img{height:100%;object-fit:cover;transition:transform .7s ease-out;user-select:none;width:100%}.media-item:hover .media-img{transform:scale(1.05)}