.site-banner{position:relative;background:#171918;overflow:hidden}.banner-stage{position:relative;width:100%;height:clamp(260px,34vw,500px)}.banner-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .9s ease;display:block;color:#fff}.banner-slide.active{opacity:1;pointer-events:auto}.banner-slide img{display:block;width:100%;height:100%;object-fit:cover}.banner-caption{position:absolute;bottom:12px;left:16px;padding:5px 8px;background:#1119;color:#fff;font:400 11px/1.4 var(--site-sans);border-radius:3px}.banner-controls{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:8px;background:#1117;border-radius:15px;padding:0 5px}.banner-controls>div{display:flex}.banner-controls button{width:28px;height:28px;padding:0;border:0;background:transparent;color:white;cursor:pointer}.banner-controls>div button:after{content:"";display:block;width:5px;height:5px;margin:auto;border-radius:50%;background:#fff7}.banner-controls>div button[aria-pressed=true]:after{background:white}.banner-controls button:focus-visible{outline:2px solid white;outline-offset:-2px}@media(max-width:760px){.banner-stage{height:210px}.banner-caption{font-size:9px;left:8px;bottom:8px;max-width:58%}.banner-controls{right:5px;bottom:5px;gap:0}.banner-controls button{width:24px;height:28px}}.site-banner{background:#fafaf8}.banner-caption{inset:10px 12px auto auto;max-width:70%;font-size:10px}.banner-controls{position:static;justify-content:center;gap:4px;background:none;border-radius:0;padding:0;height:24px;color:#1b211c}.banner-controls button{width:20px;height:24px;color:#1b211c}.banner-controls>div button:after{width:2px;height:2px;background:#929892}.banner-controls>div button[aria-pressed=true]:after{background:#111}.banner-controls button:focus-visible{outline-color:#344537}.banner-pause{font-size:9px}.banner-slide[href*=conversation-without-words] img{object-fit:contain;background:#f7f7f3}@media(max-width:760px){.banner-caption{inset:6px 7px auto auto;font-size:9px;padding:3px 6px}.banner-controls{height:22px}.banner-controls button{width:18px;height:22px}}.banner-slide{visibility:hidden;transition:none}.banner-slide.active{visibility:visible;animation:bannerReveal .9s ease both}@keyframes bannerReveal{0%{opacity:0}to{opacity:1}}