.reels-page{--bg:var(--color-bg);--hi:var(--color-text-hi);--lo:var(--color-text-lo);--dim:#5b5b6a;--p:var(--color-purple);--pd:var(--color-purple-deep);--pg:var(--color-purple-glow);--a2:var(--color-accent2);--gold:var(--color-gold);--tape:#1a1520;--label:#f0e9d2;color:var(--hi)}.reels-kicker{letter-spacing:.24em;color:var(--pg);text-transform:uppercase;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:11px}.reels-title{letter-spacing:-.04em;color:var(--hi);margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:clamp(30px,4.4vw,64px);font-weight:800;line-height:1}.reels-title .accent{background-image:linear-gradient(180deg, var(--pg), var(--pd));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reels-sub{color:var(--dim);letter-spacing:.18em;text-transform:uppercase;margin-bottom:32px;font-family:JetBrains Mono,monospace;font-size:11px}.reels-sub b{color:var(--pg)}.reels-bar{background:linear-gradient(90deg,#8b5cf614,#5b21b60a);border:1px solid #8b5cf633;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;display:flex}@media (max-width:767px){.reels-bar{display:none}}.reels-filters{letter-spacing:.18em;text-transform:uppercase;flex-wrap:wrap;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.reels-chip{color:var(--lo);cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;transition:all .3s}.reels-chip.on{background:var(--pg);color:var(--bg);border-color:var(--pg)}.reels-chip:hover:not(.on){border-color:var(--pg);color:var(--hi)}.reels-status{letter-spacing:.16em;text-transform:uppercase;color:var(--lo);align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.reels-status .dot{background:var(--pg);width:8px;height:8px;box-shadow:0 0 8px var(--pg);border-radius:50%;animation:2s ease-in-out infinite reelsPulse}@keyframes reelsPulse{0%,to{opacity:1}50%{opacity:.4}}.reels-shelf{margin-bottom:44px;position:relative}.reels-shelf-head{border-bottom:1px dashed #8b5cf647;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:14px;padding-bottom:10px;display:flex}.reels-shelf-head h2{letter-spacing:-.02em;color:var(--hi);font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.reels-shelf-head h2 em{color:var(--pg);letter-spacing:.2em;text-transform:uppercase;margin-left:10px;font-family:JetBrains Mono,monospace;font-size:12px;font-style:normal;font-weight:500}.reels-shelf-meta{letter-spacing:.18em;text-transform:uppercase;color:var(--lo);font-family:JetBrains Mono,monospace;font-size:10px}.reels-shelf-meta b{color:var(--gold)}.reels-shelf:after{content:"";background:linear-gradient(#8b5cf640,#5b21b61a);border-radius:2px;height:6px;position:absolute;bottom:-4px;left:0;right:0;box-shadow:0 6px 16px #00000080}.reels-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-bottom:14px;display:grid}@media (max-width:1199px){.reels-row{grid-template-columns:repeat(4,1fr)}}@media (max-width:899px){.reels-row{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width:599px){.reels-row{grid-template-columns:repeat(2,1fr);gap:8px}}.reels-tape{aspect-ratio:9/17;background:linear-gradient(160deg, var(--tape), #0a0710);cursor:pointer;color:inherit;text-align:left;font:inherit;border:1px solid #ffffff0f;border-radius:6px;padding:0;transition:transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s;display:block;position:relative;overflow:hidden;box-shadow:0 6px 12px #00000080,inset 2px 0 4px #ffffff0f,inset -2px 0 6px #00000080}.reels-embed{background:#fff;position:absolute;inset:0;overflow:auto}.reels-embed .instagram-media{width:100%!important;min-width:0!important}.reels-tape:hover{transform:translateY(-16px)rotate(-1.5deg);box-shadow:0 40px 60px #000000b3,0 0 60px #8b5cf647,inset 2px 0 4px #ffffff1a}.reels-tape.featured{aspect-ratio:auto;grid-area:span 1/span 2;min-height:100%}.reels-tape.featured:hover{transform:translateY(-12px)}@media (max-width:599px){.reels-tape.featured{grid-column:span 2}}.reels-spine{z-index:4;background:linear-gradient(90deg,#00000080,#0000);border-right:1px solid #ffffff0d;justify-content:center;align-items:center;width:16px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.reels-spine span{letter-spacing:.24em;color:var(--pg);text-transform:uppercase;writing-mode:vertical-rl;white-space:nowrap;text-shadow:0 0 4px #8b5cf666;font-family:JetBrains Mono,monospace;font-size:7px;font-weight:700;transform:rotate(180deg)}.reels-window{z-index:2;background:linear-gradient(160deg,#12121a,#0a0a12);border:1px solid #ffffff0d;border-radius:2px;position:absolute;inset:16px 8px 16px 22px;overflow:hidden;box-shadow:inset 0 0 20px #0009}.reels-tape.featured .reels-window{inset:18px 10px 40px 24px}.reels-art{transition:transform .8s;position:absolute;inset:0}.reels-tape:hover .reels-art{transform:scale(1.05)}.reels-art.art-a{background:radial-gradient(circle at 30% 40%,#f0a0ff80,#0000 55%),radial-gradient(circle at 70% 65%,#8b5cf68c,#0000 60%),linear-gradient(160deg,#1a1230,#0a0a12)}.reels-art.art-b{background:linear-gradient(115deg,#8b5cf666 0 30%,#0000 30%),linear-gradient(115deg,#0000 0 55%,#5b21b680 55% 70%,#0000 70%),linear-gradient(160deg,#0e0e1f,#0a0a12)}.reels-art.art-c{background:radial-gradient(at 50% 30%,#f0a0ff59,#0000 60%),radial-gradient(circle at 20% 80%,#8b5cf666,#0000 55%),linear-gradient(160deg,#100e1a,#0a0a12)}.reels-art.art-d{background:radial-gradient(circle at 70% 30%,#a78bfa80,#0000 55%),radial-gradient(circle at 30% 70%,#5b21b659,#0000 55%),linear-gradient(160deg,#12121a,#0a0a12)}.reels-grain{opacity:.16;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");position:absolute;inset:0}.reels-overlay{background:linear-gradient(#0000 45%,#0a0a0fe6 100%);position:absolute;inset:0}.reels-scanlines{mix-blend-mode:overlay;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff08 3px 4px);transition:opacity .5s;position:absolute;inset:0}.reels-tape:hover .reels-scanlines{opacity:.5}.reels-rating{z-index:5;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;background:#0a0a0fb3;border:1px solid #e9d9a159;border-radius:2px;padding:2px 5px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;position:absolute;top:6px;right:5px}.reels-rating.pg{color:#8ff0a4;border-color:#8ff0a459}.reels-rating.r{color:#ff9ec6;border-color:#ff9ec659}.reels-play{width:36px;height:36px;color:var(--hi);opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;pointer-events:none;background:#0a0a0fb3;border:1px solid #fff3;border-radius:50%;place-items:center;transition:all .4s;display:grid;position:absolute;top:50%;left:calc(50% + 4px);transform:translate(-50%,-50%)scale(.9)}.reels-tape:hover .reels-play{opacity:1;border-color:var(--pg);background:#8b5cf680;transform:translate(-50%,-50%)scale(1)}.reels-play:before{content:"";border:5px solid #0000;border-left:8px solid;border-right-width:0;margin-left:2px}.reels-label{background:linear-gradient(180deg, var(--label), #e2d9b8);color:#1a1520;z-index:3;border-top:1px solid #00000026;border-radius:0 0 2px 2px;padding:5px 7px 6px;position:absolute;bottom:0;left:22px;right:8px;box-shadow:inset 0 1px #fff6,0 -2px 6px #0000004d}.reels-tape.featured .reels-label{padding:6px 8px 8px;left:24px;right:10px}.reels-label:before{content:"";background:repeating-linear-gradient(90deg,#0000004d 0 4px,#0000 4px 8px);height:1px;position:absolute;top:-1px;left:12%;right:12%}.reels-title-l{letter-spacing:-.01em;color:#1a1520;margin-bottom:2px;font-family:Space Grotesk,sans-serif;font-size:10.5px;font-weight:700;line-height:1.15}.reels-tape.featured .reels-title-l{font-size:13px}.reels-meta{letter-spacing:.12em;text-transform:uppercase;color:#5a5468;justify-content:space-between;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:7.5px;display:flex}.reels-meta .runtime{color:#1a1520;font-weight:500}.reels-counter{z-index:5;letter-spacing:.14em;color:var(--pg);text-transform:uppercase;background:#0a0a0fb3;border:1px solid #8b5cf659;border-radius:2px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:8px;position:absolute;top:20px;left:26px}.reels-tape.featured .reels-counter{top:22px;left:28px}.reels-cond{z-index:5;gap:2px;display:flex;position:absolute;top:7px;left:22px}.reels-tape.featured .reels-cond{top:9px;left:24px}.reels-cond span{background:#e9d9a14d;border-radius:50%;width:4px;height:4px}.reels-cond span.on{background:var(--gold);box-shadow:0 0 3px var(--gold)}.reels-ribbon{z-index:6;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(90deg, var(--pd), var(--p));color:var(--hi);border-radius:0 3px 3px 0;padding:3px 8px 3px 10px;font-family:JetBrains Mono,monospace;font-size:7.5px;font-weight:700;position:absolute;top:9px;left:-3px;box-shadow:0 4px 10px #8b5cf666}.reels-ribbon:before{content:"";border-style:solid;border-width:0 3px 3px 0;border-color:transparent var(--pd) transparent transparent;position:absolute;bottom:-3px;left:0}.reels-cta{background:linear-gradient(90deg,#8b5cf61a,#5b21b60d);border:1px solid #8b5cf633;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding:20px 24px;display:flex}.reels-cta .l{letter-spacing:.18em;text-transform:uppercase;color:var(--hi);align-items:center;gap:16px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.reels-cta .l .dot{background:var(--pg);width:10px;height:10px;box-shadow:0 0 12px var(--pg);border-radius:50%;animation:2s ease-in-out infinite reelsPulse}.reels-cta .l small{color:var(--lo);margin-left:8px;font-size:10.5px}.reels-cta a{letter-spacing:.2em;text-transform:uppercase;color:var(--pg);border:1px solid var(--pg);border-radius:6px;padding:8px 18px;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:all .3s}.reels-cta a:hover{background:var(--pg);color:var(--bg)}.reels-foot{letter-spacing:.15em;text-transform:uppercase;color:var(--lo);text-align:center;margin-top:24px;font-family:JetBrains Mono,monospace;font-size:10.5px}.reels-foot b{color:var(--gold)}.reel-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0fd9;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.reel-modal-backdrop.open{display:flex}.reel-modal{background:linear-gradient(160deg,#12121a,#0a0a12);border:1px solid #8b5cf640;border-radius:14px;width:100%;max-width:520px;max-height:calc(100dvh - 48px);padding:24px 24px 28px;position:relative;overflow-y:auto;box-shadow:0 40px 100px #000000b3,0 0 60px #8b5cf626}.reel-modal-close{width:32px;height:32px;color:var(--hi);cursor:pointer;z-index:2;background:#0a0a0fb3;border:1px solid #ffffff1f;border-radius:50%;place-items:center;padding:0;font-size:18px;line-height:1;transition:all .3s;display:grid;position:absolute;top:12px;right:12px}.reel-modal-close:hover{border-color:var(--pg);color:var(--pg)}.reel-modal-kicker{letter-spacing:.22em;color:var(--pg);text-transform:uppercase;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px}.reel-modal-title{letter-spacing:-.02em;color:var(--hi);margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;line-height:1.1}.reel-modal-embed{border-radius:8px;min-height:300px;margin:0 0 16px;overflow:hidden}.reel-modal-embed .instagram-media{min-width:0!important;margin:0 auto!important}.reel-modal-desc{color:var(--lo);margin-bottom:20px;font-size:14px;line-height:1.6}.reel-modal-cta{letter-spacing:.2em;text-transform:uppercase;color:var(--pg);border:1px solid var(--pg);border-radius:6px;padding:10px 18px;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:all .3s;display:inline-block}.reel-modal-cta:hover{background:var(--pg);color:var(--bg)}