/* "Trending now" reels section on the website home (self-contained, prefix cpr-) */
.cpr .cpr-head{margin-bottom:34px}
.cpr .cpx-side-copy a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.cpr-card{position:relative;width:100%;aspect-ratio:16/9;max-height:620px;border-radius:36px;overflow:hidden;background:#111;border:1px solid rgba(243,240,232,.14);isolation:isolate;color:#f3f0e8;font-family:Inter,Helvetica,Arial,sans-serif}
.cpr-card[hidden]{display:none}
.cpr-media{position:absolute;inset:0;background:#000;z-index:0;transform:translateZ(0)}
.cpr-media img,.cpr-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cpr-media video{z-index:0}
.cpr-media img{z-index:1;transition:opacity .4s}
.cpr-media video.on + img{opacity:0}
.cpr-media::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(5,5,5,.72) 0,rgba(5,5,5,0) 30%),linear-gradient(to top,rgba(5,5,5,.94) 0,rgba(5,5,5,.55) 36%,rgba(5,5,5,0) 66%)}
.cpr-top{position:absolute;left:28px;right:28px;top:22px;z-index:3;display:flex;align-items:center;justify-content:space-between;transform:translateZ(0)}
.cpr-k{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase;color:rgba(243,240,232,.7)}
.cpr-k svg{width:18px;height:18px;fill:none;stroke:#e5ff1e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cpr-k b{font-weight:600;color:rgba(243,240,232,.55);letter-spacing:.1em}
.cpr-nav{display:flex;gap:8px}
.cpr-arr{all:unset;cursor:pointer;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;line-height:1;color:#f3f0e8;background:rgba(5,5,5,.45);border:1px solid rgba(243,240,232,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s,border-color .15s}
.cpr-arr:hover{background:#e5ff1e;color:#050505;border-color:#e5ff1e}
.cpr-arr:focus-visible{outline:2px solid #e5ff1e;outline-offset:2px}
.cpr-txt{position:absolute;left:28px;right:92px;bottom:26px;z-index:3;display:grid;gap:10px;transform:translateZ(0);pointer-events:none}
.cpr-txt b{font-size:clamp(20px,2.6vw,34px);line-height:1.15;font-weight:700;letter-spacing:-.01em;text-shadow:0 1px 10px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cpr-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:rgba(243,240,232,.78)}
.cpr-stats svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;margin-inline-end:5px}
.cpr-stats .v{color:#e5ff1e;display:inline-flex;align-items:center}
.cpr-ig{position:absolute;right:26px;bottom:24px;z-index:4;display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s,transform .15s,color .15s;transform:translateZ(0)}
.cpr-ig svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cpr-ig:hover{background:#e5ff1e;color:#050505;border-color:#e5ff1e;transform:scale(1.06)}
.cpr-dots{position:absolute;left:0;right:0;bottom:8px;z-index:3;display:flex;justify-content:center;gap:6px;pointer-events:none}
.cpr-dots i{width:6px;height:6px;border-radius:999px;background:rgba(243,240,232,.35);transition:width .25s,background .25s}
.cpr-dots i.on{width:22px;background:#e5ff1e}
.cpr-card.is-link{cursor:pointer}
@media (max-width:760px){
  .cpr-card{aspect-ratio:4/5;max-height:none;border-radius:26px}
  .cpr-top{left:18px;right:18px;top:16px}
  .cpr-txt{left:18px;right:74px;bottom:22px}
  .cpr-ig{right:16px;bottom:18px;width:42px;height:42px}
  .cpr-arr{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){.cpr-media img{transition:none}}