.tf{margin:28px 0;display:grid;gap:14px;justify-items:start}
.tf-box{position:relative;width:min(100%,340px);aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000;border:1px solid #24282D;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.tf-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#000}
.tf-play{position:absolute;inset:0;width:100%;height:100%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(11,13,16,0) 55%,rgba(11,13,16,.55));transition:opacity .3s}
.tf-play span{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:rgba(237,234,227,.92);color:#0B0D10;box-shadow:0 10px 40px rgba(0,0,0,.45);transition:transform .2s,background .2s}
.tf-play:hover span,.tf-play:focus-visible span{transform:scale(1.07);background:#D4AF7A}
.tf-play:focus-visible{outline:2px solid #D4AF7A;outline-offset:-4px}
.tf-play svg{width:28px;height:28px;margin-left:4px}
.tf-play em{position:absolute;left:18px;bottom:16px;font-style:normal;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#EDEAE3}
.tf.on .tf-play{opacity:0;pointer-events:none}
.tf figcaption{font-size:13px;color:#83898F;max-width:340px;line-height:1.6}
.tf-wrap{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:40px;align-items:start;margin:8px 0 8px}
.tf-wrap .tf{margin:0}
@media(max-width:820px){.tf-wrap{grid-template-columns:1fr;gap:24px}.tf{justify-items:center}.tf-box{width:min(100%,360px)}.tf figcaption{text-align:center}}
.tx{border-left:2px solid #6E5A3B;padding-left:18px;margin:0 0 18px}
.tx time{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#D4AF7A}
.tx p{margin:2px 0 0;font-size:15px}
.tf-play[hidden]{display:none}