.promo-videos{flex-direction:column;gap:clamp(20px,4vw,48px);width:100%;display:flex}.promo-video{width:100%}.promo-video__frame{aspect-ratio:16/9;border:1px solid var(--newoncity-line);background:#0b0c0e;width:100%;position:relative;overflow:hidden}.promo-video__player{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.promo-video__poster{cursor:pointer;width:100%;height:100%;color:var(--newoncity-on-dark);background:0 0;border:0;margin:0;padding:0;display:block;position:absolute;inset:0}.promo-video__thumb{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.promo-video__thumb--fallback{color:var(--newoncity-text-on-dark-muted);letter-spacing:var(--newoncity-ls-wide);background:#14161a;place-items:center;display:grid}.promo-video__poster:hover .promo-video__thumb,.promo-video__poster:focus-visible .promo-video__thumb{transform:scale(1.03)}.promo-video__frame:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000 58%,#00000059 100%);transition:opacity .35s;position:absolute;inset:0}.promo-video:has(.promo-video__poster) .promo-video__frame:after{opacity:1}.promo-video__play{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:clamp(58px,7vw,84px);height:clamp(58px,7vw,84px);color:var(--newoncity-on-dark);background:#0a0b0d8c;border-radius:50%;place-items:center;padding-left:4px;transition:background .25s,transform .25s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.promo-video__poster:hover .promo-video__play,.promo-video__poster:focus-visible .promo-video__play{background:var(--newoncity-accent);transform:translate(-50%,-50%)scale(1.06)}.promo-video__title{max-width:min(88%,720px);color:var(--newoncity-on-dark);text-align:left;background:#000;align-items:baseline;gap:12px;padding:clamp(10px,1.4vw,16px) clamp(14px,1.8vw,22px);display:flex;position:absolute;bottom:0;left:0}.promo-video__date{font-variant-numeric:tabular-nums;color:var(--newoncity-text-on-dark-muted);flex:none}.promo-videos__empty{text-align:center;place-items:center;gap:8px;min-height:40vh;display:grid}.promo-videos__empty-title{color:var(--newoncity-ink)}.promo-videos__empty-note{color:var(--newoncity-text-muted)}@media (prefers-reduced-motion:reduce){.promo-video__thumb,.promo-video__play,.promo-video__frame:after{transition:none}}
