.wfg{display:flex;gap:14px;height:clamp(430px,56vh,560px)}
  .wfg .wfp{position:relative;flex:.55;border-radius:26px;overflow:hidden;cursor:pointer;transition:flex .8s cubic-bezier(.22,.9,.28,1);min-width:0;border:none;background:#0c0d10;padding:0;text-align:left;font-family:var(--sans)}
  .wfg .wfp[data-on="1"]{flex:3.1;cursor:default}
  .wfg .wfp .im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 30%}
  .wfg .wfp .sc{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,14,0) 46%,rgba(93,31,38,.42) 72%,rgba(58,16,30,.9) 100%)}
  .wfg .wfp .bt{position:absolute;left:0;right:0;bottom:0;padding:clamp(16px,2vw,26px)}
  .wfg .wfp .role{display:block;font-size:13.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#F4B98C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wfg .wfp .tt{display:block;color:#fff;font-weight:600;font-size:clamp(17px,1.75vw,24px);letter-spacing:-.015em;line-height:1.18;margin-top:10px;text-shadow:0 2px 18px rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wfg .wfp[data-on="1"] .tt{white-space:normal}
  .wfg .wfp .bd{display:block;color:rgba(255,255,255,.88);font-size:clamp(14.5px,1.25vw,16.5px);line-height:1.5;max-width:46ch;margin-top:9px;text-shadow:0 1px 12px rgba(0,0,0,.55);opacity:0;max-height:0;overflow:hidden;transition:opacity .5s .3s,max-height .6s .15s}
  .wfg .wfp[data-on="1"] .bd{opacity:1;max-height:130px}
  @media(max-width:1020px){.wfg{height:clamp(400px,50vh,500px)}}
  @media(max-width:860px){.wfg{flex-direction:column;height:auto;gap:10px}.wfg .wfp{transition:height .55s cubic-bezier(.22,.9,.3,1),border-radius .3s;overflow:hidden;will-change:height}.wfg .wfp .bd{transition:opacity .45s ease .12s,max-height .5s cubic-bezier(.22,.9,.3,1)}.wfg .wfp{flex:none;height:116px;border-radius:20px}.wfg .wfp[data-on="1"]{flex:none;height:min(60vh,460px)}.wfg .wfp .tt{white-space:normal}.wfg .wfp .role{white-space:normal}}