#media{background:url(../media/img/purchase/purchase-bg.jpg) center center / cover no-repeat;position:relative;font-size:1em;padding:1em;z-index:9;text-align:center}
#media .section-header{text-align:center;font-size:clamp(1em,8vw,2em);position:relative;z-index:3;color:#4DE1AE;text-wrap:nowrap;background:url(../media/img/purchase/purchase-header-bg.png) center center / contain no-repeat;padding:.25em 0 .45em;margin-bottom:.25em}
.media-slider{margin:auto}
.trailer-list{display:flex;justify-content:center;align-items:center;padding:1em}
.trailer-thumb{background-color:#faf7ef;background-image:repeating-linear-gradient(-45deg,transparent 0 20px,#ef6261 20px 40px,transparent 40px 60px,#55a4f0 60px 80px);position:relative;border-radius:15px;display:block;max-width:450px;padding:30px}
.trailer-thumb::before{content:"";background-color:#faf7ef;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;left:8px;border-radius:15px;z-index:1}
.trailer-thumb img{position:relative;z-index:2;box-shadow:0 2px 5px #000}
.trailer-thumb img:hover{opacity:.5}
.play-button::after{content:"";background:url(../media/img/common/trailer-play-button.png) center center / contain no-repeat;position:absolute;z-index:5;width:50%;height:50%;top:0;left:0;right:0;bottom:0;margin:auto;pointer-events:none}
@media screen and (min-width: 1024px) {
#media{font-size:1.5em}
}