/* In the corner: self-hosted reel feature (Oct 2026) */
.cr{--cr-red:#d61f26;--cr-gold:#e9cc6a;--cr-line:#2a2a31;--cr-mut:#a3a3ad;position:relative;padding:clamp(72px,10vw,120px) 0;background:radial-gradient(120% 80% at 15% 0%,#2a0b0e 0%,#0b0b0d 55%) #0b0b0d;border-block:1px solid #ffffff12;overflow:hidden;color:#ececef}
.cr::after{content:"";position:absolute;inset:auto -10% -40% auto;width:60vw;height:60vw;max-width:720px;max-height:720px;background:radial-gradient(closest-side,#d4af3714,transparent);pointer-events:none}
.cr .cr-wrap{position:relative;z-index:1;width:min(100% - 40px,1180px);margin-inline:auto;display:grid;gap:36px;align-items:center}
.cr-media{margin:0;position:relative;width:100%;max-width:440px;justify-self:center}
.cr-frame{position:relative;border-radius:18px;overflow:hidden;background:#000;aspect-ratio:720/872;box-shadow:0 30px 80px -30px #000,0 0 0 1px #ffffff14;outline:3px solid var(--cr-red);outline-offset:6px}
.cr-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.cr-live{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;background:#000000b3;font:700 .7rem/1 Inter,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#fff;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cr-live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cr-red);box-shadow:0 0 0 3px #d61f2655}
.cr-sound{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px 0 16px;border:0;border-radius:999px;background:#fff;color:#0b0b0d;font:800 .85rem/1 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 30px -8px #000c;white-space:nowrap;transition:transform .15s,background .15s}
.cr-sound:hover{background:var(--cr-gold);transform:translateX(-50%) translateY(-2px)}
.cr-sound:focus-visible{outline:3px solid var(--cr-gold);outline-offset:3px}
.cr-sound svg{width:22px;height:22px;flex:none}
.cr-sound .cr-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cr-red);color:#fff}
.cr.playing-sound .cr-sound,.cr.playing-sound .cr-live{display:none}
.cr-media figcaption{margin-top:18px;font-size:.86rem;line-height:1.5;color:var(--cr-mut);text-align:center}
.cr-media figcaption a{color:var(--cr-gold)}
.cr-copy .cr-kick{display:inline-flex;align-items:center;gap:10px;font:700 .78rem/1 Inter,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--cr-gold)}
.cr-copy .cr-kick::before{content:"";width:28px;height:3px;background:var(--cr-red)}
.cr-copy h2{font-family:var(--cr-disp,"Bebas Neue",Impact,"Arial Narrow",sans-serif);font-weight:var(--cr-dispw,400);text-transform:uppercase;line-height:.9;letter-spacing:.01em;font-size:clamp(3rem,9vw,5.6rem);margin:14px 0 0}
.cr-copy h2 span{color:var(--cr-red)}
.cr-copy .cr-lede{font-size:clamp(1.1rem,2.2vw,1.3rem);line-height:1.5;margin-top:16px;color:#f2f2f4;max-width:34em}
.cr-copy .cr-ctx{margin-top:10px;color:var(--cr-mut);font-size:.95rem}
.cr-quotes{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.cr-q{position:relative;margin:0;padding:18px 18px 16px 20px;border-radius:14px;background:#17171bcc;border:1px solid var(--cr-line);border-left:3px solid var(--cr-red)}
.cr-q p{font-size:1rem;line-height:1.5;color:#f2f2f4}
.cr-q cite{display:block;margin-top:8px;font-style:normal;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--cr-gold)}
.cr-q cite span{font-weight:500;color:var(--cr-mut);letter-spacing:0}
.cr-q.lead{background:linear-gradient(135deg,#d61f261f,#17171bcc);border-left-color:var(--cr-gold)}
.cr-q.lead p{font-size:1.08rem}
.cr-note{margin-top:14px;font-size:.78rem;color:var(--cr-mut)}
@media (min-width:640px){.cr-quotes{grid-template-columns:1fr 1fr}.cr-q.lead{grid-column:1/-1}}
@media (min-width:960px){.cr .cr-wrap{grid-template-columns:minmax(340px,420px) 1fr;gap:64px}.cr-media{justify-self:start}}
@media (max-width:420px){.cr-sound{font-size:.78rem;padding:0 18px 0 12px}}
@media (prefers-reduced-motion:reduce){.cr-sound,.cr-sound:hover{transition:none;transform:translateX(-50%)}}
.cr .cr-wrap{grid-template-areas:"head" "media" "said";gap:30px}
.cr-head{grid-area:head}.cr-media{grid-area:media}.cr-said{grid-area:said}
.cr-said .cr-quotes{margin-top:0}
@media (min-width:960px){.cr .cr-wrap{grid-template-areas:"media head" "media said";grid-template-rows:auto 1fr;row-gap:26px;align-items:start}.cr-media{align-self:center}}