.brand-reel-shell{background:#11111a;position:relative;overflow:hidden}.brand-reel-poster,.brand-reel-video,.brand-reel-overlay{width:100%;height:100%;position:absolute;inset:0}.brand-reel-poster{z-index:2;pointer-events:none;background:#11111a;display:block}.brand-reel-poster img{object-fit:cover;width:100%;height:100%;display:block}.brand-reel-video{z-index:3;object-fit:cover;opacity:0;transition:opacity .56s cubic-bezier(.22,1,.36,1)}.brand-reel-shell.is-video-visible .brand-reel-video{opacity:1}.brand-reel-shell.is-video-visible .brand-reel-poster{visibility:hidden;transition:visibility 0s linear .56s}.brand-reel-overlay{z-index:5;pointer-events:none}.brand-reel-controls{z-index:9;gap:.35rem;transition:opacity .18s;display:flex;position:absolute;bottom:1rem;right:1rem}.brand-reel-shell.is-playing .brand-reel-controls{opacity:0}.brand-reel-shell.is-playing:hover .brand-reel-controls,.brand-reel-shell.is-playing:focus-within .brand-reel-controls{opacity:1}.brand-reel-controls button{color:#f7f4ffd1;cursor:pointer;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#08080d75;border:1px solid #f7f4ff3d;border-radius:50%;place-items:center;width:1.85rem;height:1.85rem;transition:background-color .18s,transform .18s;display:grid}.brand-reel-controls button:hover{background:#b8a1ff3d;transform:translateY(-2px)}.brand-reel-controls svg{width:.75rem;height:.75rem}@media (prefers-reduced-motion:reduce){.brand-reel-video{transition:none}}