/* Home-only Reels showcase. No video or third-party requests before activation. */
.vn-site .vn-studio{margin-block:32px 40px;padding-block:32px 36px;background:#101216;color:#fff;border-block:1px solid #ffffff0c;isolation:isolate}
.vn-site .vn-studio-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.vn-site .vn-studio-heading h2{margin:5px 0 0;padding:0;border:0;color:#fff;font:800 26px/1.8 var(--vn-title);letter-spacing:-.5px}
.vn-studio-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#b7bac2;font:400 11px/1.8 var(--vn-title)}
.vn-studio-eyebrow>span{display:block;width:7px;height:7px;flex:none;border-radius:50%;background:#ef3456;box-shadow:0 0 0 4px #ef345617}
.vn-site .vn-studio-all{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:42px;padding:8px 14px;border:1px solid #ffffff30;border-radius:6px;color:#fff;text-decoration:none;font:500 11px/1.7 var(--vn-title);transition:background-color .18s,border-color .18s}
.vn-studio-all>.vn-icon{width:16px;height:16px}
.vn-site .vn-studio-all:hover{border-color:#fff;background:#ffffff10}
.vn-studio-rail{display:flex;gap:12px;min-width:0}
.vn-site article.vn-studio-card{position:relative;flex:1 1 0;min-width:0;max-width:100%;height:380px;margin:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:#1d222b;box-shadow:0 8px 20px #0003;transition:flex-grow .5s cubic-bezier(.22,.68,0,1),opacity .35s,transform .35s}
.vn-studio-open{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;color:#fff!important;text-decoration:none!important;background:#1d222b}
.vn-studio-open:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#05070b40 0%,transparent 30%,#05070b18 48%,#05070be8 100%);pointer-events:none}
.vn-site .vn-studio-poster{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.22,.68,0,1),filter .4s}
.vn-studio-brand-cover{position:absolute;inset:0;z-index:-2;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 0 15%,#8d183d70,transparent 70%),linear-gradient(155deg,#272d38,#14171e 70%)}
.vn-studio-brand-cover:before,.vn-studio-brand-cover:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff0a;border-radius:50%;transform:translate(50%,-55%)}
.vn-studio-brand-cover:after{width:360px;height:360px}
.vn-studio-brand-cover>span{font:800 32px/1.25 var(--vn-title);text-align:center;color:#ffffff22;transform:rotate(-8deg);white-space:nowrap}
.vn-studio-brand-cover>span>span{display:block;font-size:19px;margin-top:6px}
.vn-studio-card-top{position:absolute;top:15px;inset-inline-start:15px;display:flex;align-items:center;gap:5px;color:#fff;font:500 10px/1.5 var(--vn-title);text-shadow:0 1px 4px #0009}
.vn-studio-card-top>svg{width:18px;height:18px;flex:none}
.vn-studio-play{display:grid;place-items:center;flex:none;width:52px;height:52px;border:1px solid #ffffff6b;border-radius:50%;background:#10121655;backdrop-filter:blur(8px);transition:background .25s,transform .35s;box-shadow:0 2px 14px #0002}
.vn-studio-play>.vn-icon{width:24px;height:24px;fill:#fff;stroke-width:1.2;transform:translateX(1px)}
.vn-studio-copy{position:absolute;inset-inline:16px;bottom:18px;display:block;text-align:right}
.vn-studio-caption{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff;font:600 13px/1.9 var(--vn-title);text-shadow:0 1px 4px #0006;overflow-wrap:anywhere}
.vn-studio-watch{display:flex;align-items:center;gap:8px;margin-top:8px;color:#d0d3da;font:400 10px/1.8 var(--vn-title)}
.vn-studio-watch>span{font:400 18px/1 Arial,sans-serif;color:#ff6a85}
.vn-studio a:focus-visible,.vn-studio button:focus-visible{outline:3px solid #ff6a85;outline-offset:-4px}
@media(min-width:900px) and (hover:hover) and (pointer:fine){
 .vn-studio-rail[data-vn-studio-active]>.vn-studio-card{flex-grow:.72;opacity:.73}
 .vn-studio-rail[data-vn-studio-active]>.vn-studio-card.is-active{flex-grow:2.4;opacity:1}
 .vn-studio-card.is-active .vn-studio-play{background:#bd1235;transform:scale(1.1);border-color:#ffffff66}
 .vn-studio-card.is-active .vn-studio-poster{transform:scale(1.045);filter:saturate(1.05)}
}
.vn-site .vn-studio-dialog{position:fixed;inset:0;max-width:min(460px,calc(100vw - 24px));width:460px;max-height:calc(100dvh - 24px);padding:0;margin:auto;overflow:auto;border:1px solid #ffffff24;border-radius:14px;color:#fff;background:#101216;box-shadow:0 22px 100px #0009;text-align:right;direction:rtl}
.vn-studio-dialog:not([open]){display:none}
.vn-studio-dialog::backdrop{background:#04060be6;backdrop-filter:blur(7px)}
.vn-studio-dialog-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #ffffff14}
.vn-site .vn-studio-dialog-head h3{min-width:0;flex:1;margin:0;color:#fff;font:500 12px/1.8 var(--vn-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vn-site .vn-studio-close{display:grid;place-items:center;flex:none;width:40px;height:40px;min-width:40px;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#ffffff08;color:#fff;cursor:pointer;box-shadow:none}
.vn-studio-close>.vn-icon{width:21px;height:21px}
.vn-site .vn-studio-close:hover{background:#ffffff19}
.vn-studio-player{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,340px);height:min(604px,calc(100dvh - 156px));min-height:230px;margin-inline:auto;background:#090b0f;overflow:hidden}
.vn-studio-player>iframe{position:relative;z-index:1;display:block;width:100%;height:100%;border:0;background:transparent}
.vn-studio-loading{position:absolute;inset-inline:15px;top:48%;color:#b7bac2;text-align:center;font:400 12px/1.9 var(--vn-title)}
.vn-studio-loading[hidden]{display:none}
.vn-site .vn-studio-player-note{margin:0;padding:12px;color:#aeb3bd;text-align:center;font:400 11px/1.9 var(--vn-title)}
.vn-site .vn-studio-player-note a{display:inline-flex;align-items:center;gap:4px;color:#fff;text-decoration:underline;text-underline-offset:4px}
.vn-studio-player-note .vn-icon{width:13px;height:13px}
@media(max-width:899px),(hover:none),(pointer:coarse){
 .vn-studio-rail{gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#777d87 #ffffff0a;-webkit-overflow-scrolling:touch}
 .vn-site article.vn-studio-card{flex:0 0 clamp(210px,68vw,280px);max-width:calc(100% - 24px);height:380px;scroll-snap-align:start;scroll-snap-stop:normal}
 .vn-studio-rail>.vn-studio-card:only-child{flex-basis:280px;max-width:100%}
}
@media(max-width:767px){
 .vn-site .vn-studio{margin-block:20px 24px;padding-block:24px}
 .vn-site .vn-studio-heading{gap:12px;margin-bottom:17px}
 .vn-site .vn-studio-heading h2{font-size:18px;line-height:1.9;letter-spacing:0}
 .vn-studio-eyebrow{font-size:9px;gap:7px}
 .vn-site .vn-studio-all{gap:5px;padding:7px 9px;font-size:10px}
 .vn-studio-all>.vn-icon{width:13px;height:13px}
 .vn-studio-caption{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .vn-studio-card,.vn-studio-play,.vn-studio-poster,.vn-studio-all{transition:none!important}
 .vn-studio-card.is-active .vn-studio-poster,.vn-studio-card.is-active .vn-studio-play{transform:none}
 .vn-studio-rail{scroll-behavior:auto}
}