.media{-moz-column-gap:4.5vw;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:5vh 4.5vw;width:95vw;height:auto;padding:5vh 2.5vw;display:flex}.media .container{aspect-ratio:5;border-radius:20px;justify-content:space-between;align-items:center;gap:2.5vh;width:100%;height:auto;padding:1% 2%;display:flex;position:relative;box-shadow:0 3px 8px #0000003d}.media .container h4{z-index:2;width:25%}.media .container .description{z-index:2;text-overflow:ellipsis;width:60%;overflow:hidden}.media .container .detail{z-index:2;flex-direction:column;justify-content:space-evenly;align-items:center;gap:2vw;width:5%;display:flex}.media .container .detail div{z-index:2;justify-content:space-between;align-items:center;width:3vw;display:flex}.media .container .detail div svg{font-size:1vw}.media .container .action{opacity:0;-webkit-backdrop-filter:blur(2px);z-index:2;background-color:#0000005b;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:absolute;left:0}.media .container .action:hover{opacity:1;height:100%}.media .container .action a{color:var(--border);border:.1vw solid var(--border);border-radius:5px;padding:2vh 2vw}.slugMedia,.slugIntro{-moz-column-gap:4.5vw;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:7vh 4.5vw;width:95vw;height:auto;padding:5vh 2.5vw;display:flex}.slugMedia div,.slugIntro div{justify-content:center;align-items:center;gap:5vw;width:100%;display:flex}.slugIntro img{aspect-ratio:2;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:25px;width:60%}.slugInfo{border-top:1px solid #8080802f;justify-content:center;align-items:center;gap:4vw;width:80%;margin:2vw 0;padding:2vw 0;display:flex}.slugInfo div{justify-content:center;align-items:center;gap:1vw;display:flex}@media screen and (max-width:600px) and (orientation:portrait){.media{justify-content:center}.media .container{aspect-ratio:1;flex-direction:column;gap:2.5vh;width:95%;padding:7.5vw 5vw}.media .container h4{z-index:2;background-color:#8b4513;width:100%}.media .container .description{z-index:2;text-overflow:ellipsis;background-color:#8b4513;width:100%;overflow:hidden}.media .container .detail{flex-direction:row;justify-content:space-between;align-items:center;gap:15%;width:100%}.media .container .detail div{z-index:2;flex-direction:row;justify-content:space-between;align-items:center;width:10vw;display:flex}.media .container .detail div svg{font-size:3vw}.media .container .action a{padding:2vh 6vw}.slugMedia,.slugIntro{-moz-column-gap:4.5vw;flex-direction:column;justify-content:flex-start;align-items:center;gap:7vh 4.5vw;width:95vw;height:auto;padding:5vh 2.5vw;display:flex}.slugMedia div{flex-direction:column;justify-content:flex-start;align-items:center;gap:5vw;width:100%;display:flex}.slugIntro img{aspect-ratio:1;width:100%;height:auto}.slugMedia img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:25px;width:80%;height:auto}}