.is-preview-coming-soon .feature-preview{position:relative;overflow:hidden;cursor:default;background:#f3f1e9!important;isolation:isolate}
.is-preview-coming-soon .feature-preview>img{filter:blur(10px)!important;opacity:.85!important;transform:scale(1.06)!important;pointer-events:none;user-select:none}
.is-preview-coming-soon .feature-preview::after{content:'';position:absolute;inset:0;background:#f5f3ee30;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:none}
.feature-coming-soon-label{display:inline-flex;align-items:center;justify-content:center;min-width:126px;min-height:44px;margin-top:24px;padding:12px 18px;background:#eff1f2;border-radius:40px;color:#7d898f;font:14px/1.3 Inter,Arial,sans-serif;letter-spacing:0}
.coming-soon-hourglass{position:absolute;z-index:2;top:50%;left:50%;width:180px;max-width:55%;height:auto;aspect-ratio:700/394;object-fit:contain;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .18s ease;border-radius:7px}
.is-preview-coming-soon .feature-preview:hover .coming-soon-hourglass,.is-preview-coming-soon .feature-preview:focus .coming-soon-hourglass{opacity:1}
.is-preview-coming-soon .feature-preview:focus-visible{outline:2px solid #8b969b;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.coming-soon-hourglass{transition:none}}

/* Transparent vector motion replaces the stock-video panel. */
.feature-coming-soon-label{font-family:inherit;font-size:12px;line-height:1.2;font-weight:400;letter-spacing:normal}
.coming-soon-hourglass{width:36px;height:48px;max-width:18%;aspect-ratio:3/4;background:transparent;border-radius:0;color:#111;overflow:visible}
.hourglass-body{transform-origin:60px 80px}.hourglass-sand-top{transform-origin:60px 37px}.hourglass-sand-bottom{transform-origin:60px 131px}
.feature-preview:is(:hover,:focus) .hourglass-body{animation:hourglass-turn 4s cubic-bezier(.4,0,.2,1) infinite}
.feature-preview:is(:hover,:focus) .hourglass-sand-top{animation:hourglass-empty 4s linear infinite}
.feature-preview:is(:hover,:focus) .hourglass-sand-bottom{animation:hourglass-fill 4s linear infinite}
.feature-preview:is(:hover,:focus) .hourglass-stream{animation:hourglass-pour 4s linear infinite}
@keyframes hourglass-turn{0%,82%{transform:rotate(0)}100%{transform:rotate(180deg)}}
@keyframes hourglass-empty{0%{transform:scaleY(1)}76%,100%{transform:scaleY(0)}}
@keyframes hourglass-fill{0%{transform:scaleY(.04)}76%,100%{transform:scaleY(1)}}
@keyframes hourglass-pour{0%,76%{opacity:1}80%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.feature-preview .hourglass-body,.feature-preview .hourglass-sand-top,.feature-preview .hourglass-sand-bottom,.feature-preview .hourglass-stream{animation:none!important}}