/* Studio 71 — VHS shelf hero (same look as the "Horarios VHS" posts) */
.vhs-hero{background:#0b0b0b;color:#F2EFE8;padding:56px 0 72px;overflow:hidden}
.vhs-intro{max-width:1180px;margin:0 auto;padding:0 24px 36px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}
.vhs-intro-l{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.vhs-kicker{font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;letter-spacing:.24em;color:#F2D21B}
.vhs-intro img{width:min(420px,80vw);height:auto;display:block}
.vhs-intro p{margin:0;font-size:18px;line-height:1.6;color:#D9D7D9;max-width:460px}
.vhs-scroll{overflow-x:auto;scrollbar-width:none;padding-top:46px}
.vhs-scroll::-webkit-scrollbar{display:none}
.vhs-fit{margin:0 auto;position:relative}
.vhs-stage{position:absolute;top:0;left:0;width:max-content;height:1350px;transform-origin:0 0;display:flex;background:#0b0b0b}
.vhs-more{max-width:1180px;margin:36px auto 0;padding:0 24px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:#BDB9B0}
.vhs-more a{border:1.5px solid #F2EFE8;color:#F2EFE8;text-decoration:none;padding:8px 14px;border-radius:999px}
.vhs-more a:hover{background:#F2EFE8;color:#0b0b0b}

.vhs-stage .sp{position:relative;flex:0 0 120px;width:120px;height:1350px;box-sizing:border-box;padding:48px 8px 92px;display:flex;flex-direction:column;align-items:center;gap:14px;border-right:3px solid #0b0b0b;overflow:hidden;text-decoration:none;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:translateY(100%);animation:vhs-in .9s cubic-bezier(.2,.8,.2,1) forwards}
.vhs-stage .sp:nth-child(2){animation-delay:.06s}.vhs-stage .sp:nth-child(3){animation-delay:.12s}.vhs-stage .sp:nth-child(4){animation-delay:.18s}.vhs-stage .sp:nth-child(5){animation-delay:.24s}.vhs-stage .sp:nth-child(6){animation-delay:.3s}.vhs-stage .sp:nth-child(7){animation-delay:.36s}.vhs-stage .sp:nth-child(8){animation-delay:.42s}.vhs-stage .sp:nth-child(9){animation-delay:.48s}.vhs-stage .sp:nth-child(10){animation-delay:.54s}
@keyframes vhs-in{to{transform:translateY(0)}}
.vhs-stage .sp.is-ready{animation:none;transform:none}
.vhs-stage .sp.is-ready:hover,.vhs-stage .sp.is-ready:focus-visible{transform:translateY(-40px)}
.vhs-stage .vhs{font-family:'Oswald',sans-serif;font-weight:600;font-size:16px;line-height:1.05;text-align:center;letter-spacing:.02em;flex:0 0 auto}
.vhs-stage .cr{font-family:'Oswald',sans-serif;font-weight:600;font-size:12px;line-height:1.35;text-align:center;letter-spacing:.08em;text-transform:uppercase;flex:0 0 auto}
.vhs-stage .title{flex:1 1 auto;min-height:0;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1;position:relative;z-index:2}
.vhs-stage .win{width:58px;height:40px;border:2px solid currentColor;border-radius:4px;box-sizing:border-box;flex:0 0 auto;opacity:.85;position:relative;z-index:2}
.vhs-stage .code{font-family:'Anton',sans-serif;font-size:30px;line-height:1;flex:0 0 auto}
.vhs-stage .code-s{font-family:'Times New Roman',serif;font-size:15px;line-height:1;flex:0 0 auto;letter-spacing:.02em}
.vhs-stage .lg{height:auto;flex:0 0 auto;display:block;position:relative;z-index:2}
.vhs-stage .ph{position:relative;flex:0 0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center}
.vhs-stage .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vhs-stage .ph::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.16) .9px,transparent 1.3px);background-size:3px 3px;mix-blend-mode:multiply}
.vhs-stage .ph svg{position:relative;display:block}
.vhs-stage .bleed{width:calc(100% + 16px);margin-left:-8px;margin-right:-8px}
.vhs-stage .fade{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28%);mask-image:linear-gradient(180deg,transparent 0,#000 28%)}
.vhs-stage .half{background-image:radial-gradient(rgba(0,0,0,.22) 1.1px,transparent 1.6px);background-size:4px 4px}
.vhs-stage .fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.vhs-stage .grain{opacity:.38;mix-blend-mode:multiply}
.vhs-stage .grain-d{opacity:.22;mix-blend-mode:screen}
.vhs-stage .wear{opacity:.55;mix-blend-mode:multiply}
.vhs-stage .aged{background:rgba(214,170,90,.14);mix-blend-mode:multiply}
.vhs-stage .crease{background-image:linear-gradient(180deg,transparent 0,transparent 27%,rgba(255,255,255,.2) 27.1%,rgba(0,0,0,.16) 27.35%,transparent 27.6%,transparent 63%,rgba(255,255,255,.16) 63.1%,rgba(0,0,0,.14) 63.3%,transparent 63.55%),repeating-linear-gradient(84deg,transparent 0,transparent 160px,rgba(255,255,255,.08) 160px,rgba(255,255,255,.08) 161px)}
.vhs-stage .edge{box-shadow:inset 0 0 24px rgba(0,0,0,.5),inset 4px 0 0 rgba(255,255,255,.14),inset -3px 0 0 rgba(0,0,0,.4),inset 0 6px 10px rgba(0,0,0,.25)}
.vhs-stage .notch{position:absolute;left:50%;bottom:0;width:70px;height:35px;margin-left:-35px;border-radius:35px 35px 0 0;background:#0b0b0b;z-index:5}
@media (prefers-reduced-motion:reduce){.vhs-stage .sp{animation:none;transform:none;transition:none}}
.vhs-more[hidden]{display:none}