.clip-rail{scroll-snap-type:x mandatory;padding:34px var(--gutter) 16px;scrollbar-width:none;overscroll-behavior-x:contain;gap:14px;display:flex;overflow-x:auto}.clip-rail::-webkit-scrollbar{display:none}@media (min-width:1220px){.clip-rail{padding-left:calc((100vw - var(--max)) / 2 + var(--gutter))}}@media (min-width:640px) and (max-width:1023px){.clip-rail .clip{width:240px}}.clip{aspect-ratio:9/16;scroll-snap-align:center;isolation:isolate;cursor:pointer;background:#000;border-radius:18px;flex:none;width:min(70vw,290px);position:relative;overflow:hidden}.clip .sil{color:#070707;z-index:1;filter:drop-shadow(0 0 2px var(--rim)) drop-shadow(0 0 16px var(--rim));width:112%;position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.clip:after{content:"";z-index:2;background:linear-gradient(#00000080,#0000 24% 52%,#000000b8);position:absolute;inset:0}.pbar{z-index:4;background:#ffffff47;border-radius:2px;height:3px;position:absolute;top:10px;left:10px;right:10px;overflow:hidden}.pbar i{transform-origin:0;background:#fff;height:100%;display:block;transform:scaleX(0)}.clip-top{z-index:4;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex;position:absolute;top:22px;left:10px;right:10px}.clip-top .muted{opacity:.8;margin-left:auto;font-size:10px}.pinned{z-index:4;background:var(--red);color:#fff;padding:6px 8px;font-size:10px;position:absolute;top:52px;left:10px}.caps{z-index:4;text-align:center;flex-direction:column;align-items:center;gap:5px;transition:opacity .4s;display:flex;position:absolute;bottom:23%;left:10px;right:10px}.cap{font-family:var(--display);text-transform:uppercase;color:#fff;opacity:0;transition:opacity .28s, transform .38s var(--ease);background:#000;padding:6px 10px 5px;font-size:clamp(21px,6.4vw,29px);line-height:1.02;transform:translateY(12px)scale(.96)}.cap.red{background:var(--red)}.cap .hl{color:var(--yellow)}.cap.on{opacity:1;transform:none}.micdrop{z-index:5;opacity:0;width:30px;margin-left:-15px;position:absolute;top:26%;left:50%}.clip.ended .micdrop{animation:.95s cubic-bezier(.3,.6,.4,1) forwards micdrop}.micdrop .micin{transform-origin:50% 12%}.clip.ended .micdrop .micin{animation:1.6s cubic-bezier(.2,.8,.3,1) .95s forwards micsettle}@keyframes micsettle{0%{transform:rotate(0)}18%{transform:rotate(7deg)}40%{transform:rotate(-4.5deg)}60%{transform:rotate(2.5deg)}80%{transform:rotate(-1deg)}to{transform:rotate(0)}}.shock{opacity:0;z-index:4;pointer-events:none;border:2px solid #ffffffe6;border-radius:50%;width:30px;height:30px;margin:116px 0 0 -15px;position:absolute;top:26%;left:50%}.clip.ended .shock{animation:.7s ease-out .5s forwards shock}@keyframes shock{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(4.2)}}.clip.ended{animation:.32s .52s thud}@keyframes micdrop{0%{opacity:1;transform:translateY(-300%)rotate(-26deg)}55%{transform:translateY(0)rotate(9deg)}70%{transform:translateY(-20%)rotate(-5deg)}82%{transform:translateY(0)rotate(3deg)}91%{transform:translateY(-6%)rotate(0)}to{opacity:1;transform:translateY(0)rotate(0)}}.clip.ended .caps{opacity:.3}.clip-cta{z-index:5;color:#111;text-align:center;opacity:0;pointer-events:none;background:#fff;border-radius:999px;padding:12px 10px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .4s,transform .4s;position:absolute;bottom:12px;left:10px;right:10px;transform:translateY(8px)}.clip.ended .clip-cta{opacity:1;pointer-events:auto;transition-delay:.8s;transform:none}.rail-note{color:var(--ink3);font-size:14px}@keyframes thud{30%{transform:translateY(4px)}to{transform:none}}
.bg-hedge{--rim:#a855f7f2;background:radial-gradient(70% 42% at 50% 16%,#a855f799,#0000 70%),radial-gradient(circle at 20% 30%,#1e3b20 0 2px,#0000 3px) 0 0/9px 9px,radial-gradient(circle at 70% 60%,#14301a 0 2.5px,#0000 3.5px) 0 0/12px 12px,#0b1a0e}.bg-slats{--rim:#ef4444f2;background:radial-gradient(85% 40% at 50% 100%,#ef444499,#0000 70%),repeating-linear-gradient(90deg,#3a2216 0 18px,#130a06 18px 23px),#130a06}.bg-curtain{--rim:#ffba78d9;background:radial-gradient(60% 38% at 70% 18%,#ffba7861,#0000 70%),radial-gradient(45% 26% at 8% 100%,#28642ebf,#0000 70%),repeating-linear-gradient(90deg,#141017 0 14px,#1d1922 14px 22px,#0d0b10 22px 30px),#0d0b10}
.sec.drop-sec,.sec.vault{--glow-fade:var(--bg), color-mix(in srgb, var(--bg) 84%, transparent) 40px, color-mix(in srgb, var(--bg) 50%, transparent) 80px, color-mix(in srgb, var(--bg) 16%, transparent) 120px, transparent 160px}.sec.drop-sec{background:linear-gradient(var(--glow-fade)), linear-gradient(to top, var(--glow-fade)), radial-gradient(70% 40% at 80% 0%, #facc151c, transparent 70%), radial-gradient(60% 40% at 0% 100%, #ef444421, transparent 70%)}.sec.vault{background:linear-gradient(var(--glow-fade)), radial-gradient(70% 45% at 0% 0%, color-mix(in srgb, var(--a1) 24%, transparent), transparent 70%), radial-gradient(60% 40% at 100% 45%, color-mix(in srgb, var(--a2) 18%, transparent), transparent 70%)}