.rnb-reels-page{background:#090a0d}
.rnb-reels-stage{position:relative;overflow:hidden;padding:clamp(76px,9vw,132px) 0 clamp(88px,10vw,148px);background:radial-gradient(circle at 13% 6%,rgba(39,231,255,.16),transparent 23%),radial-gradient(circle at 92% 42%,rgba(255,43,147,.20),transparent 26%),#090a0d}
.rnb-reels-stage:before{content:'05';position:absolute;right:-.06em;top:-.22em;color:rgba(255,255,255,.035);font-size:clamp(15rem,34vw,34rem);font-weight:1000;line-height:1;letter-spacing:-.12em;pointer-events:none}
.rnb-reels-stage .page-width{position:relative;z-index:1;width:calc(100% - (var(--rnb-hero-gutter) * 2));max-width:1500px;margin:0 auto;padding:0}
.rnb-reels-stage-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin:0 0 clamp(34px,5vw,58px)}
.rnb-reels-stage-head .eyebrow{margin:0 0 16px;color:var(--cyan);font-size:.76rem;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}
.rnb-reels-stage-head h2{max-width:11ch;margin:0;color:#f7f5ef;font-size:clamp(3rem,6.4vw,7.2rem);font-weight:1000;line-height:.86;letter-spacing:-.065em;text-transform:uppercase;text-wrap:balance}
.rnb-reels-stage-head h2 span{color:var(--pink)}
.rnb-reels-stage-head p{max-width:39ch;margin:0;color:#c9c8d1;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.58}
.rnb-reels-editorial-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.5vw,20px)}
.rnb-reel-embed{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(150deg,#1a1a22,#0e0f14);box-shadow:0 18px 42px rgba(0,0,0,.28);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.rnb-reel-embed:nth-child(2n){border-color:rgba(39,231,255,.35)}
.rnb-reel-embed:nth-child(3n){border-color:rgba(255,43,147,.36)}
.rnb-reel-embed:hover{transform:translateY(-7px) rotate(-.35deg);border-color:var(--pink);box-shadow:0 26px 55px rgba(255,43,147,.18)}
.rnb-reel-frame{position:relative;aspect-ratio:4/7;overflow:hidden;background:#15151c}
.rnb-reel-frame:after{position:absolute;inset:0;content:'';pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -70px 50px -50px rgba(0,0,0,.42)}
.rnb-reel-frame iframe{display:block;width:145%;height:calc(100% + 280px);border:0;background:#15151c;transform:translate(-15.5%,-54px);transform-origin:top left}
.rnb-reel-caption{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;padding:15px 14px 16px}
.rnb-reel-index{padding-top:2px;color:var(--cyan);font-size:.68rem;font-weight:1000;letter-spacing:.12em}
.rnb-reel-caption h3{margin:0;color:#f4f2ed;font-size:.87rem;font-weight:950;line-height:1.13;letter-spacing:.01em;text-transform:uppercase}
.rnb-reel-caption a{display:inline-flex;margin-top:8px;color:#bdbcc5;font-size:.66rem;font-weight:900;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
.rnb-reel-caption a:hover,.rnb-reel-caption a:focus-visible{color:var(--cyan)}
.rnb-reel-caption a span{color:var(--pink);font-size:.85rem;line-height:.7}
@media(max-width:1080px){.rnb-reels-editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:749px){.rnb-reels-stage{padding:66px 0 82px}.rnb-reels-stage .page-width{width:calc(100% - 44px)}.rnb-reels-stage-head{display:block;margin-bottom:30px}.rnb-reels-stage-head p{margin-top:22px}.rnb-reels-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rnb-reel-embed{border-radius:12px}.rnb-reel-caption{gap:8px;padding:12px}.rnb-reel-caption h3{font-size:.75rem}.rnb-reel-caption a{font-size:.59rem}}
@media(max-width:390px){.rnb-reel-caption h3{font-size:.69rem}.rnb-reel-index{font-size:.6rem}}
.rnb-reel-frame iframe{pointer-events:none}
.rnb-reel-trigger{position:absolute;z-index:4;inset:0;display:grid;place-items:center;border:0;background:transparent;color:#fff;cursor:pointer}
.rnb-reel-trigger:before{display:none}
.rnb-reel-trigger span{position:relative;z-index:1;display:block;color:#fff;font-size:48px;line-height:1;filter:drop-shadow(0 5px 10px rgba(0,0,0,.6));transition:transform .2s ease,color .2s ease}
.rnb-reel-trigger:hover span,.rnb-reel-trigger:focus-visible span{transform:scale(1.12);color:var(--pink)}
.rnb-reel-trigger:focus-visible{outline:none}
.rnb-reel-trigger:focus-visible span{outline:3px solid var(--cyan);outline-offset:4px}
.rnb-reel-modal[hidden]{display:none}
.rnb-reel-modal{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;overflow:auto;padding:26px;background:rgba(5,6,9,.9);backdrop-filter:blur(12px)}
.rnb-reel-modal__dialog{width:min(520px,calc(100vw - 42px));margin:auto;border:1px solid rgba(39,231,255,.5);border-radius:18px;overflow:hidden;background:#0b0b0f;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.rnb-reel-modal__frame{position:relative;aspect-ratio:9/16;overflow:hidden;background:#08090d}
.rnb-reel-modal__frame iframe{display:block;width:145%;height:calc(100% + 300px);border:0;background:#08090d;transform:translate(-15.5%,-54px);transform-origin:top left}
.rnb-reel-modal__close{position:fixed;z-index:2;top:20px;right:24px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:#101118;color:#fff;font:900 .74rem/1 Arial,sans-serif;letter-spacing:.1em;cursor:pointer}
.rnb-reel-modal__close:hover,.rnb-reel-modal__close:focus-visible{border-color:var(--cyan);background:var(--cyan);color:#08090d;outline:none}
body.rnb-reel-modal-open{overflow:hidden}
@media(max-width:749px){.rnb-reel-trigger:before{width:142px;height:72px}.rnb-reel-trigger span{font-size:36px}.rnb-reel-modal{padding:18px}.rnb-reel-modal__dialog{width:min(430px,calc(100vw - 30px));border-radius:14px}.rnb-reel-modal__close{top:12px;right:12px;min-height:40px;padding:0 13px;font-size:.65rem}}

.rnb-reel-frame>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#15151c}