@property --vs-r{syntax:"<percentage>";inherits:false;initial-value:0%}.vs-section{color:var(--color-cream);background:radial-gradient(90% 60% at 85% 0%, #c5a46e24, transparent 60%), radial-gradient(70% 60% at 0% 100%, #14523f8c, transparent 65%), var(--color-forest-deep);position:relative;overflow:hidden}.vs-grain{pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.vs-reel-frame{aspect-ratio:1920/820;cursor:pointer;-webkit-mask-image:radial-gradient(circle at 50% 50%, #000 var(--vs-r), transparent calc(var(--vs-r) + 8%));-webkit-mask-image:radial-gradient(circle at 50% 50%, #000 var(--vs-r), transparent calc(var(--vs-r) + 8%));mask-image:radial-gradient(circle at 50% 50%, #000 var(--vs-r), transparent calc(var(--vs-r) + 8%));--vs-r:0%;background:#04140f;border:1px solid #c5a46e4d;border-radius:1.25rem;position:relative;overflow:hidden}.vs-reel-frame.is-in{animation:1.1s cubic-bezier(.65,0,.35,1) forwards vs-open}@keyframes vs-open{to{--vs-r:120%}}.vs-reel-vid{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.vs-reel-vid.is-cur{opacity:1;z-index:1}.vs-reel-vid.is-next{opacity:1;z-index:2;-webkit-mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%), #000 var(--vs-r), transparent calc(var(--vs-r) + 2%));-webkit-mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%), #000 var(--vs-r), transparent calc(var(--vs-r) + 2%));mask-image:radial-gradient(circle at var(--x,50%) var(--y,50%), #000 var(--vs-r), transparent calc(var(--vs-r) + 2%));animation:.9s cubic-bezier(.7,0,.3,1) forwards vs-wipe}@keyframes vs-wipe{0%{--vs-r:0%}to{--vs-r:150%}}.vs-reel-badge{z-index:3;font:600 .72rem/1 var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold-bright);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#062b219e;border:1px solid #c5a46e59;border-radius:999px;padding:.4rem .85rem;position:absolute;bottom:1rem;left:1rem}.vs-reel-badge i{color:var(--color-cream);opacity:.7;font-style:normal}.vs-reel-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.vs-reel-tabs button{color:#faf7f0bf;font:500 .85rem/1 var(--font-sans);cursor:pointer;background:#faf7f00a;border:1px solid #faf7f02e;border-radius:999px;padding:.55rem 1.1rem;transition:border-color .25s,color .25s,background .25s}.vs-reel-tabs button:hover{color:var(--color-gold-bright);border-color:#c5a46e80}.vs-reel-tabs button.on{color:var(--color-forest-deep);background:var(--color-gold);border-color:var(--color-gold)}.vs-strip{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c5a46e73 transparent;gap:1rem;margin:0 -1.5rem;padding:.25rem 1.5rem 1.25rem;scroll-padding-inline:1.5rem;list-style:none;display:flex;overflow-x:auto}.vs-strip:focus-visible{outline-offset:-2px}.vs-story{scroll-snap-align:start;opacity:0;width:min(68vw,15.5rem);transition:opacity .7s,transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 90ms + .15s);flex:none;transform:translateY(28px)scale(.97)}.vs-section.is-in .vs-story{opacity:1;transform:none}.vs-story-btn{aspect-ratio:9/16;cursor:zoom-in;background:#04140f;border:1px solid #c5a46e47;border-radius:1.1rem;width:100%;padding:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 40px -22px #000c}.vs-story-btn:hover{border-color:#e3c88fa6;transform:translateY(-4px);box-shadow:0 26px 50px -24px #000000e6,0 0 0 1px #c5a46e40}.vs-story-vid{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.vs-story-cap{text-align:left;color:var(--color-cream);font:600 .92rem/1.25 var(--font-serif);background:linear-gradient(#0000,#04140fe0);padding:2.5rem .9rem .85rem;position:absolute;inset:auto 0 0}.vs-story-cap small,.vs-modal-bar small{font:600 .62rem/1 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.2rem;display:block}.vs-story-expand{width:2rem;height:2rem;color:var(--color-gold-bright);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#062b218c;border-radius:999px;place-items:center;transition:opacity .25s;display:grid;position:absolute;top:.6rem;right:.6rem}.vs-story-btn:hover .vs-story-expand,.vs-story-btn:focus-visible .vs-story-expand{opacity:1}.vs-arrow{width:2.5rem;height:2.5rem;color:var(--color-gold-bright);cursor:pointer;background:0 0;border:1px solid #c5a46e66;border-radius:999px;place-items:center;font-size:1.4rem;line-height:1;transition:background .2s,opacity .2s;display:grid}.vs-arrow:hover:not(:disabled){background:#c5a46e26}.vs-arrow:disabled{opacity:.3;cursor:default}.vs-modal{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030e0adb;place-items:center;padding:1rem;animation:.3s vs-fade;display:grid;position:fixed;inset:0}@keyframes vs-fade{0%{opacity:0}}.vs-modal-card{flex-direction:column;max-height:calc(100dvh - 2rem);display:flex;position:relative}.vs-modal-vid{aspect-ratio:9/16;object-fit:cover;background:#04140f;border:1px solid #c5a46e66;border-radius:1.1rem;max-width:calc(100vw - 2rem);height:min(78dvh,960px);display:block;box-shadow:0 40px 100px -30px #000000e6}.vs-modal-bar{color:var(--color-cream);font:600 1.05rem/1.2 var(--font-serif);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem .25rem 0;display:flex}.vs-modal-x{width:2.5rem;height:2.5rem;color:var(--color-cream);font:400 1.5rem/1 var(--font-sans);cursor:pointer;background:#faf7f00f;border:1px solid #c5a46e73;border-radius:999px;flex:none}.vs-modal-x:hover{background:#c5a46e33}::view-transition-group(vs-hero){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion:reduce){.vs-reel-frame,.vs-reel-frame.is-in{animation:none;-webkit-mask-image:none;mask-image:none}.vs-reel-vid.is-next{animation:none}.vs-story{opacity:1;transform:none}.vs-modal{animation:none}}
