.crf .rbf{--rbf-dock-chrome:210px;--rbf-dwell:50svh;background:#000;position:relative}.crf .rbf-track{height:calc(100svh + var(--rbf-dwell));position:relative}.crf .rbf-dock{box-sizing:border-box;flex-direction:column;justify-content:center;gap:20px;min-height:100svh;padding:clamp(24px,5vh,64px) 0;display:flex;position:sticky;top:0}.crf .rbf-frame{width:min(100% - 32px, 1440px, (100svh - var(--rbf-dock-chrome)) * 1.757);margin:0 auto;position:relative}.crf .rbf-stage{aspect-ratio:1.757;border-radius:var(--ce-radius-xl);width:100%;box-shadow:var(--ce-shadow-xl);isolation:isolate;background:#000;position:relative;overflow:hidden}.crf .rbf-media{object-fit:cover;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.crf .rbf-media-film{object-fit:contain;z-index:2}.crf .rbf-veil{pointer-events:none;z-index:1;background:linear-gradient(90deg,#000000d1 0%,#00000080 34%,#0000 64%),linear-gradient(#00000073,#0000 28% 50%,#000000d9 100%);position:absolute;inset:0}@media (max-width:768px){.crf .rbf-veil{background:linear-gradient(#00000080,#0000 24%,#0000008c 58%,#000000e6 100%)}}.crf .rbf-kicker{font:700 11px/1 var(--ce-font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--ce-red);align-items:center;gap:10px;margin-bottom:14px;display:inline-flex}.crf .rbf-kicker:before{content:"";background:var(--ce-red);width:26px;height:2px}.crf .rbf-head{z-index:3;max-width:640px;position:absolute;bottom:10%;left:max(28px,5vw);right:max(28px,5vw)}.crf .rbf-head h2{font:700 clamp(34px, 5vw, 68px) / 1 var(--ce-font-display);letter-spacing:-.03em;color:var(--ce-fg);text-shadow:0 4px 40px #000000b3;margin:0 0 12px}.crf .rbf-head p{font:600 15px/1.4 var(--ce-font-ui);letter-spacing:.01em;color:var(--ce-fg-60);max-width:460px;margin:0 0 24px}.crf .rbf-play{border-radius:var(--ce-radius-pill);border:1px solid var(--ce-border-soft);background:var(--ce-glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--ce-shadow-lg);color:var(--ce-fg);font:600 15px/1 var(--ce-font-ui);letter-spacing:.01em;cursor:pointer;transition:transform var(--ce-dur) var(--ce-ease), border-color var(--ce-dur) var(--ce-ease), box-shadow var(--ce-dur) var(--ce-ease);align-items:center;gap:12px;padding:14px 22px;display:inline-flex}.crf .rbf-play:hover{border-color:var(--ce-red);box-shadow:var(--ce-glow-red);transform:translateY(-2px)}.crf .rbf-play:focus-visible{outline:2px solid var(--ce-red);outline-offset:3px}.crf .rbf-play-icon{border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--ce-red);width:0;height:0}.crf .rbf-play-time{font-variant-numeric:tabular-nums;color:var(--ce-fg-40);padding-left:4px}.crf .rbf-close{z-index:4;border-radius:var(--ce-radius-pill);border:1px solid var(--ce-border-soft);background:var(--ce-glass-bg-thin);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ce-fg-80);font:600 12px/1 var(--ce-font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--ce-dur) var(--ce-ease), border-color var(--ce-dur) var(--ce-ease);padding:8px 16px;position:absolute;top:16px;right:16px}.crf .rbf-close:hover{color:var(--ce-fg);border-color:var(--ce-red)}.crf .rbf-close:focus-visible{outline:2px solid var(--ce-red);outline-offset:3px}.crf .rbf-chapter{z-index:3;border-radius:var(--ce-radius-lg);border:1px solid var(--ce-border-soft);background:var(--ce-glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:360px;box-shadow:var(--ce-shadow-lg);pointer-events:none;animation:rbfChapterIn .42s var(--ce-ease) both;padding:20px 22px;position:absolute;top:max(20px,3vw);left:max(20px,3vw)}.crf .rbf-chapter .rbf-kicker{margin-bottom:8px}.crf .rbf-chapter h3{font:700 clamp(20px, 2.2vw, 30px) / 1.08 var(--ce-font-display);letter-spacing:-.02em;color:var(--ce-fg);margin:0 0 6px}.crf .rbf-chapter p{font:400 14px/1.55 var(--ce-font-ui);color:var(--ce-fg-60);margin:0}.crf .rbf-chapter-count{font-variant-numeric:tabular-nums;color:var(--ce-fg-40);letter-spacing:.12em}.crf .rbf-chapter-bar{background:#ffffff26;border-radius:2px;height:2px;margin-top:14px;overflow:hidden}.crf .rbf-chapter-bar i{background:var(--ce-red);transform-origin:0;will-change:transform;height:100%;display:block}@keyframes rbfChapterIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.crf .rbf-spec{background:var(--ce-border-soft);border:1px solid var(--ce-border-soft);border-radius:var(--ce-radius-lg);grid-template-columns:repeat(4,1fr);gap:1px;width:min(100% - 32px,1440px);margin:0 auto;display:grid;overflow:hidden}.crf .rbf-spec>div{background:var(--ce-surface-1);padding:18px 20px}.crf .rbf-spec dt{font:700 10px/1 var(--ce-font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ce-fg-40);margin-bottom:8px}.crf .rbf-spec dd{font:600 15px/1.35 var(--ce-font-ui);color:var(--ce-fg-90);margin:0}.crf .rbf-spec-mono{font-family:var(--ce-font-mono);letter-spacing:.02em}@media (max-width:992px){.crf .rbf-spec{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.crf .rbf-frame{width:100%}.crf .rbf-stage{border-radius:0}.crf .rbf-head,.crf .rbf-chapter{-webkit-backdrop-filter:none;backdrop-filter:none;max-width:none;box-shadow:none;background:#000;border:0;border-radius:0;padding:20px 16px 24px;position:static}.crf .rbf-head h2{text-shadow:none;font-size:30px}.crf .rbf-head p{margin-bottom:18px}.crf .rbf-play{justify-content:center;width:100%}.crf .rbf-veil{background:linear-gradient(#00000047,#0000001f)}.crf .rbf-spec{border-left:0;border-right:0;border-radius:0;width:100%;margin-top:0}}@media (prefers-reduced-motion:reduce){.crf .rbf-chapter{animation:none}.crf .rbf-play{transition:none}}
