.logos-clips{color:#fff;background:#0b0b0d;padding:clamp(1rem,3vw,2rem);border-radius:12px}
.logos-clips__heading{margin:0 0 1rem;color:inherit}
.logos-clips__feed{height:min(78svh,760px);overflow-y:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:#555 transparent;background:#000;border-radius:10px}
.logos-clips__item{height:100%;min-height:100%;max-width:430px;margin:0 auto;scroll-snap-align:start;scroll-snap-stop:always;position:relative;background:#09090b}
.logos-clips__poster{position:absolute;inset:0;overflow:hidden;background:#101013 center/cover no-repeat;background-image:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.72)),var(--logos-clip-poster,linear-gradient(135deg,#231013,#09090b 62%))}
.logos-clips__player,.logos-clips__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.logos-clips__player{z-index:1}
.logos-clips__poster.has-player{background:#000}
.logos-clips__play{position:absolute;z-index:3;left:50%;top:43%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.55rem;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(0,0,0,.64);color:#fff;padding:.8rem 1rem;font:inherit;font-weight:700;cursor:pointer;backdrop-filter:blur(8px)}
.logos-clips__play[hidden]{display:none}.logos-clips__play span:first-child{font-size:1.15rem;color:#ed2638}
.logos-clips__shade{position:absolute;z-index:2;pointer-events:none;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))}
.logos-clips__caption{position:absolute;z-index:4;left:1rem;right:1rem;bottom:1.25rem;text-shadow:0 1px 4px #000}
.logos-clips__caption h3{font-size:1.2rem;line-height:1.25;margin:.2rem 0 .35rem;color:#fff}
.logos-clips__caption p{margin:.25rem 0;color:#eee;font-size:.94rem}
.logos-clips__position{font-size:.76rem!important;color:#ddd!important}
.logos-clips__source{font-weight:700}
.logos-clips__button{display:inline-flex;align-items:center;gap:.45rem;border:0;border-radius:6px;background:#df2033;color:#fff!important;text-decoration:none!important;padding:.7rem 1rem;font-weight:700}
.logos-clips__button:hover,.logos-clips__button:focus{background:#b91427;color:#fff!important}
.logos-clips__share{margin-left:.5rem;background:rgba(20,20,23,.88);border:1px solid #aaa;border-radius:6px;color:#fff;padding:.65rem .8rem;font:inherit;cursor:pointer}
.logos-clips__end{padding:1.25rem 0}.logos-clips__access{padding:1.25rem;background:#121215;border-radius:10px;color:#fff}.logos-clips__access .logos-clips__button{margin:.3rem .5rem .3rem 0}
@media(max-width:640px){.logos-clips{padding:.65rem;border-radius:0;margin-left:-.65rem;margin-right:-.65rem}.logos-clips__feed{height:clamp(280px,72dvh,680px);min-height:0;border-radius:8px;scroll-snap-type:y proximity}.logos-clips__item{max-width:none}.logos-clips__caption{left:.85rem;right:.85rem;bottom:.85rem}.logos-clips__caption h3{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){.logos-clips__feed{scroll-behavior:auto}}