.vf{background:#1F36F5;overflow:hidden;display:block} .vf img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;filter:grayscale(1) contrast(1.08);mix-blend-mode:lighten;transition:filter .3s ease} .vf:hover img,a:hover .vf img{filter:none;mix-blend-mode:normal} .vshot{border:1px solid #0D0F0E;background:#F2F1EC;margin-top:8px} .vshot .vf{aspect-ratio:16 / 10} .vbar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid #0D0F0E;font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:11px;letter-spacing:0.04em;color:#50554F} .vbar i{display:block;width:8px;height:8px;border-radius:50%;border:1px solid #0D0F0E} .vbar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .s48 .vshot{margin-top:0} .vthumb{margin:-28px -28px 0;aspect-ratio:16 / 10} .vface{aspect-ratio:4 / 5} .vface img,.vface2 img,.vp img{object-position:center 18%} .vtile:not(.vp) img{object-position:left top} .vface2{position:relative;flex:1 1 180px;min-height:240px} .vface2 img{position:absolute;inset:0} .vhero{max-width:1320px;margin:0 auto;box-sizing:border-box;padding:0 clamp(20px, 4vw, 56px) clamp(48px, 6vw, 88px);display:grid;grid-template-columns:3fr 5fr 5fr 3fr;gap:12px} .vtile{position:relative;margin:0;height:clamp(200px, 27vw, 390px)} .vtile .vf{position:absolute;inset:0} .vtile figcaption{position:absolute;left:0;bottom:0;max-width:100%;box-sizing:border-box;background:#0D0F0E;color:#F2F1EC;font-family:'IBM Plex Mono', ui-monospace, monospace;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;padding:7px 10px} @media (max-width:760px){.vhero{grid-template-columns:1fr 1fr}.vtile{height:52vw}}