/* Scoped featured-video component. No frameworks, fonts, or remote dependencies. */
.cats-feature{--cf-pink:#ff187e;--cf-paper:#f3efdf;--cf-black:#101011;box-sizing:border-box;width:100%;max-width:1080px;margin:0 auto;color:var(--cf-paper);font-family:Arial,Helvetica,sans-serif}
.cats-feature *,.cats-feature *::before,.cats-feature *::after{box-sizing:border-box}
.cats-feature [hidden]{display:none!important}
.cats-feature__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 20px}
.cats-feature__eyebrow{margin:0 0 9px;color:var(--cf-pink);font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase}
.cats-feature__title{margin:0;font:900 clamp(27px,4.4vw,48px)/.99 Arial,Helvetica,sans-serif;letter-spacing:-.065em;text-transform:uppercase}
.cats-feature__title span{color:var(--cf-pink)}
.cats-feature__runtime{flex-shrink:0;margin:0 0 3px;color:#c1bdb6;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:right}
.cats-feature__window{border:1px solid #71645f;background:var(--cf-black);box-shadow:8px 8px 0 var(--cf-pink);position:relative;isolation:isolate}
.cats-feature__chrome{height:39px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#efe9da;color:#141414;font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.045em}
.cats-feature__file{display:flex;align-items:center;gap:9px}
.cats-feature__mark{display:flex;gap:3px;transform:skewX(-16deg)}
.cats-feature__mark i{height:15px;width:4px;display:block;background:var(--cf-pink)}
.cats-feature__chrome-state{font-size:10px;letter-spacing:.08em}
.cats-feature__stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0e0e0f}
.cats-feature__video{display:block;width:100%;height:100%;object-fit:contain;background:#0e0e0f}
.cats-feature__cover{border:0;appearance:none;cursor:pointer;position:absolute;inset:0;width:100%;height:100%;padding:0;color:var(--cf-paper);background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 43%);text-align:left;font:inherit}
.cats-feature__call{display:flex;align-items:center;gap:17px;position:absolute;bottom:28%;left:5%;max-width:90%}
.cats-feature__disc{position:relative;display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;background:var(--cf-pink);border:2px solid var(--cf-paper);border-radius:50%;box-shadow:0 0 0 7px #ff187e30;transition:transform .18s,box-shadow .18s}
.cats-feature__disc::before{content:'';position:absolute;inset:-10px;border:1px solid #ff6eae70;border-radius:50%;animation:cf-ring 3.2s ease-out infinite}
.cats-feature__disc svg{width:29px;height:29px;margin-left:5px;fill:var(--cf-paper)}
.cats-feature__call-copy{display:flex;flex-direction:column;gap:6px}
.cats-feature__call-copy strong{font:900 clamp(19px,3vw,35px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.035em;background:var(--cf-paper);color:#111;padding:9px 13px;transform:rotate(-1deg);box-shadow:4px 4px 0 var(--cf-pink)}
.cats-feature__call-copy small{padding-left:4px;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#eee9df;letter-spacing:.02em}
.cats-feature__cover:hover .cats-feature__disc{transform:scale(1.06);box-shadow:0 0 0 10px #ff187e50}
.cats-feature__cover:focus-visible{outline:4px solid var(--cf-paper);outline-offset:-5px}
.cats-feature__cover:focus-visible .cats-feature__disc{box-shadow:0 0 0 8px #fff8}
.cats-feature__tag{position:absolute;bottom:4.5%;left:5%;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#ddd6cc}
.cats-feature__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0 0}
.cats-feature__caption{margin:0;color:#c0b9b4;font-size:13px;line-height:1.5}
.cats-feature__caption b{color:var(--cf-paper)}
.cats-feature__credits{color:#aaa5a0;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-underline-offset:4px;flex-shrink:0}
.cats-feature__credits:hover{color:var(--cf-paper)}
.cats-feature__credits:focus-visible{outline:2px solid var(--cf-pink);outline-offset:5px}
.cats-feature__status{font-size:13px;line-height:1.5;color:var(--cf-paper);margin:12px 0 0}
.cats-feature__sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes cf-ring{0%,20%{transform:scale(.96);opacity:.7}80%,100%{transform:scale(1.2);opacity:0}}
@media(prefers-reduced-motion:reduce){.cats-feature *,.cats-feature *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:620px){.cats-feature__intro{gap:10px;margin-bottom:14px;align-items:flex-start}.cats-feature__title{font-size:clamp(27px,7.8vw,43px)}.cats-feature__eyebrow{font-size:9px;margin-bottom:8px;letter-spacing:.1em}.cats-feature__runtime{font-size:10px;padding-top:21px}.cats-feature__window{box-shadow:5px 5px 0 var(--cf-pink)}.cats-feature__chrome{height:32px;padding:0 10px;font-size:9px}.cats-feature__chrome-state{font-size:8px}.cats-feature__disc{flex-basis:47px;width:47px;height:47px;border-width:1px;box-shadow:0 0 0 4px #ff187e30}.cats-feature__disc::before{inset:-6px}.cats-feature__disc svg{width:19px;height:19px;margin-left:3px}.cats-feature__call{gap:12px;bottom:16%;left:5%}.cats-feature__call-copy{gap:5px}.cats-feature__call-copy strong{font-size:clamp(16px,4.5vw,26px);padding:6px 8px;box-shadow:3px 3px 0 var(--cf-pink)}.cats-feature__call-copy small{font-size:8px}.cats-feature__tag{font-size:7px;letter-spacing:.04em}.cats-feature__footer{display:block;padding-top:15px}.cats-feature__caption{font-size:12px}.cats-feature__credits{display:inline-block;margin-top:9px;font-size:10px}}