.magazine-highlight{--flush-top:#000;--flush-bottom:transparent;display:flex;flex-direction:column-reverse;position:relative;overflow:hidden;padding:var(--spacing-3) 0;min-height:50vw;background-color:var(--flush-top)}.magazine-highlight[data-content-position=bottom]{flex-direction:column}.magazine-highlight:hover .magazine-highlight__media{transform:scale(1.04)}.magazine-highlight .magazine-highlight__media{transition:transform .6s ease-in-out;position:absolute;width:100%}.magazine-highlight .magazine-highlight__media--as-background img{display:block;width:100%;height:auto}.magazine-highlight[data-content-position=top] .magazine-highlight__media{bottom:0}.magazine-highlight[data-content-position=bottom] .magazine-highlight__media{top:0}.magazine-highlight[data-content-position=bottom] .magazine-highlight__media:after,.magazine-highlight[data-content-position=top] .magazine-highlight__media:before{position:absolute;display:block;content:"";height:60px;left:0;right:0}.magazine-highlight[data-content-position=top] .magazine-highlight__media:before{background:linear-gradient(var(--flush-top),var(--flush-bottom))}.magazine-highlight[data-content-position=bottom] .magazine-highlight__media:after{background:linear-gradient(var(--flush-bottom),var(--flush-top));bottom:0}.magazine-highlight .magazine-highlight__body{z-index:1;margin:0 var(--spacing-2);flex:1 1;display:flex;flex-direction:column;justify-content:center;text-align:center;color:var(--color-on)}.magazine-highlight .magazine-highlight__body>header{flex:0 1}.magazine-highlight .magazine-highlight__body .button{align-self:center;margin-top:var(--spacing-2)}.magazine-highlight .magazine-highlight__spacer{display:block;opacity:0;z-index:1}