.fx-proj{background:#000;padding:21px 0 20px;font-family:'TildaSans',Arial,sans-serif}
.fx-proj__panel{max-width:var(--fx-col,1160px);margin:0 auto;background:#161616;border-radius:45px;
  padding:60px 60px 64px;box-sizing:border-box}
.fx-proj__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.fx-proj__card{min-width:0}
.fx-proj__media{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:354/551;background:#0d0d0f}
.fx-proj__media img{width:100%;height:100%;object-fit:cover;display:block}
.fx-proj__play{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;
  border:0;padding:0;background:none;cursor:pointer}
.fx-proj__play svg{width:70px;height:70px;fill:#fff;filter:drop-shadow(0 4px 18px rgba(0,0,0,.5));transition:transform .2s}
.fx-proj__play:hover svg{transform:scale(1.06)}
.fx-proj__lbl{color:#fff;opacity:.7;font-size:16px;line-height:1.55;margin:22px 0 4px}
.fx-proj__city{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:600;line-height:1.55;margin:0 0 18px}
.fx-proj__city img{width:27px;height:27px;flex:0 0 auto}
.fx-proj__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.fx-proj__chips span{background:#292929;border-radius:20px;padding:9px 18px;color:#fff;
  font-size:20px;font-weight:600;line-height:1.3}
@media(max-width:1679px){
  .fx-proj__panel{padding:50px 40px 54px}
  .fx-proj__grid{gap:24px}
  .fx-proj__lbl,.fx-proj__city{font-size:16px}
  .fx-proj__chips span{font-size:16px;padding:8px 14px}
}
@media(max-width:1199px){
  .fx-proj__grid{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media(max-width:639px){
  .fx-proj__panel{padding:28px 20px 32px;border-radius:25px}
  .fx-proj__grid{grid-template-columns:1fr;gap:34px}
}