.mst-edit{display:grid;gap:3.2rem;align-items:center}
.mst-edit__text{display:flex;flex-direction:column;align-items:flex-start;gap:1.8rem}
.mst-edit__text>*{margin:0}
.mst-edit__text .mst-link{margin-top:1rem}
.mst-edit__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.mst-edit__link{display:block;color:inherit;text-decoration:none}
.mst-edit__link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}
.mst-edit__media{display:block;aspect-ratio:1/1.15}
.mst-edit__media img,.mst-edit__media>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mst-edit__media>svg{padding:26%;box-sizing:border-box;color:var(--mst-mute)}
.mst-edit__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.55),rgba(10,10,10,0) 55%);opacity:1;pointer-events:none;transition:opacity .5s var(--mst-ease,ease)}
.mst-edit__tile:not(:has(.mst-edit__label)) .mst-edit__media::after{display:none}
.mst-edit__label{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;z-index:1;color:#fff;font-family:var(--mst-font-ui);font-size:1.05rem;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;transition:opacity .5s var(--mst-ease,ease),transform .5s var(--mst-ease,ease)}
.mst-edit__media img{transition:transform 1.2s var(--mst-ease,ease)}
@media (hover:hover) and (pointer:fine){
  .mst-edit__media::after,.mst-edit__label{opacity:0}
  .mst-edit__label{transform:translateY(.6rem)}
  .mst-edit__tile:hover .mst-edit__media::after,.mst-edit__tile:hover .mst-edit__label,
  .mst-edit__link:focus-visible .mst-edit__media::after,.mst-edit__link:focus-visible .mst-edit__label{opacity:1;transform:none}
  .mst-edit__tile:hover .mst-edit__media img{transform:scale(1.04)}
}
@media screen and (min-width:750px){.mst-edit__grid{gap:.8rem}.mst-edit__label{font-size:1.1rem;left:1.6rem;bottom:1.6rem}}
@media screen and (min-width:990px){
  .mst-edit{grid-template-columns:minmax(0,28fr) minmax(0,72fr);gap:7rem}
  .mst-edit--text_right{grid-template-columns:minmax(0,72fr) minmax(0,28fr)}
  .mst-edit--text_right .mst-edit__text{order:2}
  .mst-edit__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.mst-edit__media img,.mst-edit__media::after,.mst-edit__label{transition:none}}