.vs-showcase{--ink:#eef2ff;--blue:#3548dc;--muted:#bac4e8;color:var(--ink);background:#111c50;border-radius:26px;padding:clamp(22px,4vw,52px);margin-top:24px;overflow:hidden;text-align:start}.vs-showcase[hidden],#gallery-projects[hidden]{display:none!important}.vs-showcase button{font:inherit;cursor:pointer}.vs-intro{text-align:center;margin-bottom:32px}.vs-eyebrow{font:12px Arial,sans-serif;letter-spacing:.16em;color:#a8b7ed}.vs-intro h2{font-size:clamp(36px,5vw,60px);line-height:1.3;margin:12px 0 4px;color:#eef2ff}.vs-intro p{font-size:18px;color:var(--muted);margin:0}.vs-feature{display:grid;grid-template-columns:.9fr 1.7fr;border-radius:22px;overflow:hidden;background:#18265f;min-height:350px}.vs-feature-copy{padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.vs-feature h3{font-size:clamp(28px,3vw,42px);line-height:1.4;margin:16px 0 8px;color:var(--ink)}.vs-feature p{font-size:17px;line-height:1.8;margin:0 0 24px;color:#c1cbed}.vs-feature-visual{padding:0;border:0;position:relative;background:#0c153e;overflow:hidden;min-height:350px}.vs-feature-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 72%;transition:transform .6s}.vs-feature-visual:hover>img{transform:scale(1.035)}.vs-play{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#3548dcf2;color:#ffffff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #0d1a5030;transition:background .25s,scale .25s}.vs-play svg{width:25px;height:25px}.vs-feature-visual .vs-play{width:76px;height:76px}.vs-cta{display:flex;align-items:center;gap:10px;background:var(--blue);color:white;border:0;border-radius:12px;padding:12px 22px;font-size:17px}.vs-cta svg{width:22px;height:22px}.vs-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:30px 0 40px}.vs-filters button{border:1px solid #43538c;border-radius:30px;background:#18265f;color:#dce4ff;padding:9px 22px;min-height:44px;font-size:17px}.vs-filters button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.vs-row{padding:0!important;margin:0 0 38px!important;max-width:none!important;background:none!important}.vs-rowhead{display:flex;align-items:center;gap:14px;margin-bottom:18px}.vs-rowhead h3{font-size:26px;margin:0;color:var(--ink)}.vs-rowhead>span{color:var(--muted);font-size:14px}.vs-row-controls{display:flex;gap:8px;margin-inline-start:auto;direction:ltr}.vs-row-controls button{width:38px;height:38px;background:#1c2b68;border:1px solid #43538c;color:var(--ink);border-radius:50%;font-family:Arial,sans-serif}.vs-track{display:flex;gap:20px;overflow-x:auto;padding:8px 4px 16px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#4c60bd transparent}.vs-card{flex:0 0 calc((100% - 80px)/5);min-width:170px;scroll-snap-align:start}.vs-cover{display:block;position:relative;width:100%;aspect-ratio:9/16;border:0;border-radius:16px;background:#18265f;overflow:hidden;padding:0;isolation:isolate;transition:transform .25s,box-shadow .25s}.vs-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.vs-cover:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0b123955);z-index:0}.vs-cover .vs-play{z-index:1;width:48px;height:48px}.vs-watch{position:absolute;bottom:16px;left:0;right:0;color:white;font-size:15px;text-align:center;z-index:1;opacity:0;transition:opacity .25s}.vs-card h4{font-size:17px;line-height:1.6;font-weight:400;margin:12px 0 0;color:var(--ink)}@media(hover:hover){.vs-cover:hover{transform:translateY(-5px);box-shadow:0 12px 24px #273dc325,0 0 0 2px #4255e5}.vs-cover:hover img{transform:scale(1.045)}.vs-cover:hover .vs-watch{opacity:1}}.vs-showcase button:focus-visible,.vs-track:focus-visible,.vs-player button:focus-visible{outline:3px solid #7184ff;outline-offset:4px}.vs-player{padding:24px;width:min(1000px,96vw);max-width:96vw;max-height:96dvh;background:#0c1230;color:#eef1ff;border:1px solid #525f92;border-radius:22px;overflow:auto}.vs-player::backdrop{background:#060a20e8;backdrop-filter:blur(10px)}.vs-player-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.vs-player h2{font-size:22px;margin:7px 0 0;font-weight:400}.vs-player .vs-eyebrow{color:#a6b2e7}.vs-player button{font:inherit;cursor:pointer;background:#25326a;color:white;border:1px solid #46558a;border-radius:10px;min-height:44px;padding:8px 18px}.vs-player .vs-close{font:30px Arial;padding:0;width:44px;flex-shrink:0}.vs-stage{display:flex;justify-content:center;min-height:300px}.vs-stage iframe{border:0;background:#05091b;border-radius:14px;height:min(64dvh,720px);max-width:100%;aspect-ratio:9/16;width:auto}.vs-player-foot{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:18px}.vs-count{font:14px Arial;color:#aab4db;direction:ltr}.vs-external{display:block;text-align:center;color:#b8c5ff;margin-top:18px;font-size:15px}@media(max-width:900px){.vs-card{flex-basis:calc((100% - 40px)/3)}.vs-feature-copy{padding:26px}.vs-feature{grid-template-columns:1fr 1.2fr}}@media(max-width:600px){.vs-showcase{padding:22px 16px;margin-inline:-8px;border-radius:18px}.vs-intro{margin-bottom:24px}.vs-intro p{font-size:16px}.vs-feature{display:flex;flex-direction:column-reverse}.vs-feature-visual{min-height:260px}.vs-feature-copy{padding:24px}.vs-feature h3{font-size:30px}.vs-feature h3 br{display:none}.vs-feature p{font-size:16px}.vs-filters{gap:8px;margin:24px 0}.vs-filters button{font-size:15px;padding:8px 15px}.vs-rowhead h3{font-size:23px}.vs-track{gap:14px}.vs-card{flex-basis:65%;min-width:0}.vs-player{padding:16px}.vs-player h2{font-size:19px}.vs-player-foot{gap:14px}.vs-player-foot button{font-size:15px;padding:8px 14px}}@media(prefers-reduced-motion:reduce){.vs-showcase *{transition:none!important;scroll-behavior:auto!important}}

#work-panel.vs-active>.reel-controls{display:none!important}
