.article-video{& .article__title{font-size:1.8rem;font-weight:500;letter-spacing:-.02em;margin-bottom:1rem;text-align:center;@media (max-width:1023px){text-align:left}& strong{font-weight:900}}& .article__media{border-radius:1.6rem;font-size:0;overflow:hidden;position:relative;& video{aspect-ratio:339/209;height:100%;object-fit:cover;width:100%}& .article__media-btn{aspect-ratio:1;background-color:#fff;left:50%;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none' viewBox='0 0 50 50'%3E%3Cpath fill='%23fff' stroke='%23000' d='M21.553 16.635a.74.74 0 0 1 .68.007l.088.054 10.268 7.465a.73.73 0 0 1 .308.592v.002c0 .228-.11.45-.31.597L22.32 32.808l-.002.002a.73.73 0 0 1-.769.063.74.74 0 0 1-.402-.658V17.291c0-.275.155-.53.402-.655z'/%3E%3Cpath fill='%23fff' stroke='%23000' d='M24.728.5c13.379 0 24.227 10.845 24.225 24.228 0 13.375-10.846 24.218-24.226 24.218C11.346 48.946.5 38.105.5 24.728.5 11.345 11.345.5 24.728.5Zm0 3.127c-11.651 0-21.097 9.453-21.097 21.1 0 11.653 9.446 21.093 21.097 21.093 11.648 0 21.094-9.44 21.092-21.092 0-11.65-9.443-21.1-21.092-21.101Z'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-size:100% 100%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;width:4.94rem}&.is-playing .article__media-btn{opacity:0;pointer-events:none}}}