*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:1px;background:transparent;color:#fff;font-family:Arial,Helvetica,sans-serif}body{overflow:hidden}#atf-hdp-root{--card-radius:20px;--transition:600ms;--overlay:#000;--card-surface:#181818;--card-border:rgba(255,255,255,.10);--card-border-width:1px;position:relative;width:100%;min-height:380px;padding:20px 52px 28px;overflow:hidden;background:transparent}.atf-hdp-stage{position:relative;width:100%;height:510px;perspective:1400px}.atf-hdp-card{position:absolute;left:50%;top:50%;width:650px;transform-origin:center center;border:var(--card-border-width) solid var(--card-border);border-radius:var(--card-radius);background:transparent;box-shadow:0 14px 38px rgba(0,0,0,.28);overflow:hidden;transition:transform var(--transition) cubic-bezier(.2,.8,.2,1),opacity var(--transition) ease,filter var(--transition) ease;will-change:transform,opacity;cursor:pointer;user-select:none}.atf-hdp-card.is-hidden{pointer-events:none;opacity:0!important;visibility:hidden}.atf-hdp-media{position:relative;width:100%;aspect-ratio:16/9!important;flex:0 0 auto;background:#050505;overflow:hidden}.atf-hdp-poster,.atf-hdp-hover-preview,.atf-hdp-player-frame{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;background:#050505}.atf-hdp-poster{z-index:2}.atf-hdp-poster,.atf-hdp-hover-preview{object-fit:cover}.atf-hdp-hover-preview{display:none;z-index:3}.atf-hdp-card.is-previewing .atf-hdp-hover-preview{display:block}.atf-hdp-overlay{position:absolute;inset:0;z-index:5;background:var(--overlay);pointer-events:none;transition:opacity var(--transition) ease}.atf-hdp-player-frame{z-index:4;pointer-events:none;opacity:0;transition:opacity .16s ease}.atf-hdp-card.is-player-live .atf-hdp-player-frame{opacity:1}.atf-hdp-caption{padding:14px 17px;min-height:0;background:var(--card-surface);box-sizing:border-box;overflow:hidden}.atf-hdp-title{font-size:17px;line-height:1.36;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.atf-hdp-date{margin-top:9px;font-size:14px;color:#9aa0a6}.atf-hdp-card.is-center{z-index:50;cursor:pointer}.atf-hdp-card:not(.is-center){z-index:20}.atf-hdp-arrow{position:absolute;z-index:90;top:50%;transform:translateY(-50%);width:45px;height:45px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:rgba(14,18,24,.82);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:30px;line-height:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:left var(--transition) cubic-bezier(.2,.8,.2,1),top var(--transition) cubic-bezier(.2,.8,.2,1),background .18s ease,border-color .18s ease}.atf-hdp-arrow:hover{background:rgba(25,31,40,.96);border-color:rgba(255,255,255,.48)}.atf-hdp-prev{left:6px}.atf-hdp-next{right:6px}.atf-hdp-empty{min-height:300px;display:grid;place-items:center;color:#9aa5b1;font-weight:600}#atf-hdp-root.is-modal-open .atf-hdp-stage,#atf-hdp-root.is-modal-open>.atf-hdp-arrow{filter:blur(16px);opacity:.20;pointer-events:none}.atf-hdp-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:transparent}.atf-hdp-modal.is-open{display:flex}.atf-hdp-modal-hit{position:absolute;inset:0;background:rgba(0,0,0,.06)}.atf-hdp-modal-shell{position:relative;width:70vw;max-width:1500px;aspect-ratio:16/9;z-index:2;background:#030303;border-radius:18px;overflow:hidden;box-shadow:0 24px 90px rgba(0,0,0,.62)}.atf-hdp-modal-shell .atf-hdp-player-frame{pointer-events:auto;opacity:1}.atf-hdp-modal-close{position:absolute;z-index:4;right:calc(15vw + 10px);top:calc(50% - min(39.375vw,421px) + 10px);width:38px;height:38px;border:1px solid rgba(255,255,255,.6);border-radius:6px;background:rgba(0,0,0,.72);color:#fff;font-size:22px;cursor:pointer}.atf-hdp-modal-card-info{display:none!important;position:absolute;z-index:4;left:calc(15vw + 16px);bottom:calc(50% - min(39.375vw,421px) + 16px);max-width:calc(70vw - 32px);color:#fff;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.85)}.atf-hdp-modal-card-info strong{display:block;font-size:18px}.atf-hdp-modal-card-info span{display:block;margin-top:5px;color:#b1b6bc;font-size:14px}@media(max-width:760px){#atf-hdp-root{padding:12px 24px 18px}.atf-hdp-stage{height:300px}.atf-hdp-card{width:82vw;max-width:520px}.atf-hdp-media{aspect-ratio:16/9!important;min-height:0}.atf-hdp-caption{min-height:0;padding-left:10px;padding-right:10px}.atf-hdp-title{font-size:12px;line-height:1.25}.atf-hdp-date{font-size:10px;margin-top:4px}.atf-hdp-arrow{width:30px;height:38px;border:0;background:rgba(8,12,16,.52)!important;border-radius:8px;font-size:28px}.atf-hdp-prev{left:0}.atf-hdp-next{right:0}.atf-hdp-modal-shell{width:94vw;border-radius:12px}.atf-hdp-modal-close{display:none!important}.atf-hdp-modal-card-info{left:calc(3vw + 12px);bottom:calc(50% - 26.4375vw + 12px);max-width:calc(94vw - 24px)}.atf-hdp-modal-card-info strong{font-size:14px}.atf-hdp-modal-card-info span{font-size:11px;margin-top:3px}}

/* Inline previews never expose browser video controls; expanded player retains its own UI. */
.atf-hdp-stage video.atf-hdp-player-frame{object-fit:cover}
.atf-hdp-stage video.atf-hdp-player-frame::-webkit-media-controls{display:none!important}