:root{--ink:#070b0e;--panel:#0c1318;--panel2:#101b22;--blue:#08afe9;--white:#f7f8f8;--muted:#9eabb3;--line:#26343d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:"DM Sans",sans-serif;overflow-x:hidden}.skip-link{position:fixed;top:-60px;left:20px;background:#fff;color:#000;padding:12px;z-index:100}.skip-link:focus{top:20px}.vp-nav{height:82px;display:flex;align-items:center;gap:36px;padding:0 5vw;background:rgba(7,11,14,.92);border-bottom:1px solid #1b272e;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.brand{width:180px;margin-right:auto}.brand img,footer img{display:block;width:100%;height:auto}.vp-nav nav{display:flex;gap:28px}.vp-nav a{color:#dfe5e8;text-decoration:none;font-size:13px}.vp-nav nav a:hover{color:var(--blue)}.nav-cta{border:1px solid #53616a;padding:13px 18px;border-radius:999px}.nav-cta span{color:var(--blue);margin-left:10px}.vp-hero{min-height:calc(100vh - 82px);display:flex;align-items:center;padding:9vw 8vw;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 45%,#123b4e 0,rgba(8,175,233,.08) 25%,transparent 52%),linear-gradient(135deg,#080c0f,#0b1115)}.vp-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.035) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.035) 50%,transparent 50.2%);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-orbit{position:absolute;width:55vw;aspect-ratio:1;border:1px solid rgba(8,175,233,.18);border-radius:50%;right:-8vw;animation:orbit 16s linear infinite}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%;inset:12%}.hero-orbit:after{inset:28%}.hero-copy{position:relative;z-index:2;max-width:900px}.eyebrow{font:700 11px/1.2 "Manrope";letter-spacing:.23em;color:#63d5ff;text-transform:uppercase}.eyebrow i{display:inline-block;width:28px;height:1px;background:var(--blue);vertical-align:middle;margin-right:10px}.vp-hero h1,.showreel-section h2,.services h2,.process h2,.formats h2,.contact h2{font:700 clamp(48px,7vw,108px)/.93 "Manrope";letter-spacing:-.065em;margin:30px 0}.vp-hero h1 em,.showreel-section h2 em,.services h2 em,.process h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.vp-hero .hero-copy>p:not(.eyebrow){max-width:630px;color:#bdc7cc;font-size:19px;line-height:1.65}.button{display:inline-flex;margin-top:28px;padding:16px 21px;background:#fff;color:#080b0d;text-decoration:none;font-weight:700;border-radius:2px}.button span{margin-left:28px}.hero-index{position:absolute;right:5vw;bottom:5vw;display:grid;gap:9px;color:#6d7b83;font:600 10px "Manrope";letter-spacing:.2em}.showreel-section,.services,.process,.formats{padding:110px 6vw}.showreel-section>header,.services>header{display:grid;grid-template-columns:1fr 2fr;gap:7vw;align-items:end;margin-bottom:55px}.showreel-section h2,.services h2,.process h2,.formats h2{font-size:clamp(42px,5.5vw,82px)}.showreel-section header>div>p{max-width:600px;color:var(--muted);line-height:1.7}.cinema{max-width:1500px;margin:auto;background:#050708;border:1px solid #26343d;box-shadow:0 40px 110px #000}.screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#010203}.reel-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity 1.45s ease,transform 1.65s ease,clip-path 1.5s cubic-bezier(.22,.8,.2,1);clip-path:inset(0)}.reel-layer.is-front{opacity:1;transform:scale(1)}.screen[data-transition="slide"] .reel-layer:not(.is-front){transform:translateX(7%) scale(1.03)}.screen[data-transition="zoom"] .reel-layer:not(.is-front){transform:scale(1.12)}.screen[data-transition="wipe"] .reel-layer:not(.is-front){clip-path:inset(0 0 0 100%)}.screen[data-transition="soft"] .reel-layer:not(.is-front){filter:blur(8px);transform:scale(1.07)}.reel-intro{position:absolute;inset:0;z-index:5;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#0e3446,#05080a 64%);opacity:0;visibility:hidden;transition:opacity .8s}.reel-intro.is-visible{opacity:1;visibility:visible}.intro-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(61,207,255,.12) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(61,207,255,.09) 50%,transparent 50.2%);background-size:46px 46px;animation:gridmove 8s linear infinite}.intro-mark{position:relative;margin:auto;width:100px;aspect-ratio:1;border-radius:24px;background:linear-gradient(145deg,#1b91ee,#123a99);display:grid;place-content:center;box-shadow:0 0 50px rgba(8,175,233,.4);animation:pulse 2.5s ease-in-out infinite}.intro-mark span{font:800 36px/1 "Manrope"}.intro-mark small{font:700 9px "Manrope";letter-spacing:.25em}.reel-intro p,.reel-intro h3,.intro-line{position:relative}.reel-intro p{margin:28px 0 6px;letter-spacing:.35em;font-size:10px}.reel-intro h3{margin:0;font:600 clamp(30px,5vw,70px) "Manrope"}.intro-line{width:90px;height:2px;background:var(--blue);margin:25px auto}.screen-shade{position:absolute;inset:0;z-index:6;background:linear-gradient(0deg,rgba(0,0,0,.58),transparent 38%);pointer-events:none}.reel-status{position:absolute;left:24px;bottom:22px;z-index:9;font-size:13px;display:flex;gap:10px;align-items:center}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 14px var(--blue)}.big-play{position:absolute;z-index:10;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:0;background:rgba(4,8,10,.72);color:white;border-radius:999px;width:160px;aspect-ratio:1;display:grid;place-content:center;gap:10px;cursor:pointer;backdrop-filter:blur(10px);transition:.25s}.big-play:hover{background:var(--blue);color:#001018;transform:translate(-50%,-50%) scale(1.04)}.big-play span{margin:auto;width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:22px solid currentColor}.big-play b{font:700 10px "Manrope";letter-spacing:.13em}.big-play.is-hidden{opacity:0;pointer-events:none}.reel-error{position:absolute;z-index:11;left:50%;bottom:20%;transform:translateX(-50%);color:#fff}.reel-controls{display:grid;grid-template-columns:auto auto auto auto 1fr auto;gap:8px;align-items:center;padding:15px;background:#0d1419}.reel-controls button{border:1px solid #33434d;background:#151f25;color:#d8e0e4;padding:10px 14px;cursor:pointer}.reel-controls button:disabled{opacity:.35;cursor:default}.reel-progress{height:2px;background:#28353c;margin:0 12px;overflow:hidden}.reel-progress i{display:block;height:100%;width:0;background:var(--blue)}.reel-controls>span{color:#70808a;font-size:11px}.showreel-note{text-align:center;color:#6f7e86;font-size:12px;margin-top:22px}.services{background:#f2f4f5;color:#0b151b}.services .eyebrow{color:#007ea9}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #cbd4d8}.service-grid article{min-height:320px;padding:35px;border-right:1px solid #cbd4d8;border-bottom:1px solid #cbd4d8;position:relative;transition:.25s}.service-grid article:hover{background:#fff;transform:translateY(-4px);box-shadow:0 18px 45px rgba(11,21,27,.09)}.service-grid article:nth-child(3n){border-right:0}.service-grid article:nth-child(n+4){border-bottom:0}.service-grid span{font:700 11px "Manrope";color:#009ed3}.service-grid h3{font:700 24px/1.15 "Manrope";margin:90px 0 18px}.service-grid p{color:#52616a;line-height:1.65}.process{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:linear-gradient(135deg,#0a1014,#0d1c24)}.process>div>p:last-child{color:var(--muted);max-width:580px;line-height:1.75}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);color:#9ba9b1}.process li b{color:var(--blue)}.process li strong{display:block;color:#fff;font:700 22px "Manrope";margin-bottom:6px}.formats{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;background:#f2f4f5;color:#0b151b}.formats .eyebrow{grid-column:1/-1;color:#007ea9}.formats h2{margin:0}.formats>div:nth-child(3) p{color:#5c6a72;line-height:1.7}.format-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.format-tags span{border:1px solid #aebbc2;padding:12px 18px;border-radius:999px;font-size:13px}.contact{text-align:center;padding:140px 6vw;background:radial-gradient(circle at 50% 100%,#10364a,#070b0e 58%)}.contact h2{font-size:clamp(46px,7vw,100px)}.contact>p:not(.eyebrow){color:var(--muted)}.contact>a{display:inline-block;margin-top:26px;color:#fff;text-decoration:none;border-bottom:1px solid var(--blue);padding:12px;font-size:18px}.contact a span{color:var(--blue);margin-left:20px}footer{display:flex;align-items:center;gap:28px;padding:35px 5vw;border-top:1px solid #202c33;color:#718089;font-size:12px}footer img{width:155px}footer a{margin-left:auto;color:#d5dde1;text-decoration:none}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes gridmove{to{background-position:46px 46px}}@keyframes pulse{50%{transform:scale(1.05);box-shadow:0 0 80px rgba(8,175,233,.6)}}@media(max-width:850px){.vp-nav{padding:0 20px}.vp-nav nav{display:none}.brand{width:145px}.nav-cta{font-size:11px}.vp-hero{min-height:760px;padding:100px 24px}.hero-index{display:none}.showreel-section,.services,.process,.formats{padding:80px 22px}.showreel-section>header,.services>header,.process,.formats{grid-template-columns:1fr}.cinema{margin-left:-22px;margin-right:-22px}.screen{aspect-ratio:4/3}.reel-controls{grid-template-columns:repeat(4,1fr)}.reel-controls button{padding:9px 4px;font-size:11px}.reel-progress,.reel-controls>span{grid-column:1/-1}.service-grid{grid-template-columns:1fr}.service-grid article,.service-grid article:nth-child(3n){border-right:0;border-bottom:1px solid #cbd4d8}.service-grid article:last-child{border-bottom:0}.formats .eyebrow{grid-column:auto}.format-tags{grid-column:auto}footer{flex-wrap:wrap}footer a{width:100%;margin:0}.big-play{width:120px}.reel-status{font-size:11px;left:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}