/* "Made with VELAUNI Studio": three columns of vertical edits that slide at different speeds while the page scrolls */
.mw{background:none;color:inherit;padding:96px 0 60px;overflow-x:clip;position:relative}
.mw::before{content:"";position:absolute;left:0;right:0;top:8%;bottom:8%;background:radial-gradient(50% 45% at 50% 50%,rgba(155,17,73,.16),transparent 75%);pointer-events:none}
.mw-head{position:relative;text-align:center;max-width:720px;margin:0 auto;padding:0 24px}
.mw-pill{display:inline-flex;align-items:center;height:28px;padding:0 13px;border-radius:999px;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:inherit;background:rgba(155,17,73,.08);border:1px solid rgba(155,17,73,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 12px rgba(0,0,0,.4)}
.mw-rec{width:7px;height:7px;margin-right:9px;border-radius:999px;background:#ff3b6b;box-shadow:0 0 0 3px rgba(255,59,107,.16),0 0 10px rgba(255,59,107,.7);animation:mwRec 1.6s ease-in-out infinite}
@keyframes mwRec{50%{opacity:.35}}
.mw h2{margin-top:22px;font-size:clamp(38px,5.4vw,68px);color:inherit}
.mw h2 em{color:#f47fae;font-style:italic}
.mw-sub{margin:18px auto 0;max-width:470px;font-size:16px;line-height:26px;color:inherit;opacity:.7;text-wrap:balance}
.mw-par{--gap:14px;--tw:min(300px,calc((100vw - 80px) / 3));position:relative;height:calc(100vh + 1100px);margin-top:36px}
.mw-frame{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 140px,#000 calc(100% - 140px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 140px,#000 calc(100% - 140px),transparent 100%)}
.mw-grid{display:flex;align-items:flex-start;justify-content:center;gap:var(--gap);padding:140px 0}
.mw-col{width:var(--tw);display:flex;flex-direction:column;gap:var(--gap);will-change:transform}
.mw-vid{position:relative;margin:0;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#0a0a0f;border:1px solid rgba(255,255,255,.09);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.mw-vid::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);pointer-events:none}
.mw-vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mw-vid figcaption{position:absolute;left:10px;bottom:10px;z-index:1;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#fff;background:rgba(12,7,9,.55);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mw-credit{position:relative;text-align:center;font-size:11.5px;color:inherit;opacity:.45;margin:10px auto 0;padding:0 24px;max-width:720px}
@media(max-width:720px){
  /* phones: the same three sliding columns, narrower, in a shorter scroll (as on the reference) */
  .mw{padding:72px 0 40px}
  .mw h2{font-size:clamp(32px,9vw,44px)}
  .mw-par{--gap:8px;--tw:calc((100vw - 32px) / 3);height:calc(100svh + 520px);margin-top:24px}
  .mw-frame{height:100vh;height:100svh;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%)}
  .mw-grid{padding:80px 0}
  .mw-vid{border-radius:12px}
  .mw-vid figcaption{left:6px;bottom:6px;padding:3px 7px;font-size:9px}
}@media(prefers-reduced-motion:reduce){.mw-col{transform:none!important}.mw-rec{animation:none}}