.vrg-site{--site-bg:#050807;--site-panel:#0b1714;--site-line:#243c34;--site-muted:#a2b8ae;background:var(--site-bg);color:#eef5f1}.vrg-site .bg-black{background-color:var(--site-bg)}.vrg-site :is(h1,h2,h3){font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.035em}.vrg-site :is(h1,h2,h3):lang(th){font-family:var(--font-thai),system-ui,sans-serif;letter-spacing:0}.vrg-site :is(.max-w-7xl,.container){max-width:1600px}.vrg-site .container{width:calc(100% - clamp(40px,6vw,112px));padding-inline:0}.vrg-site :is(.rounded-2xl,.rounded-3xl){border-radius:10px}.vrg-site .bg-white\/5{background-color:var(--site-panel)}.vrg-site .border-white\/10{border-color:var(--site-line)}.vrg-site :is(a,button,canvas):focus-visible{outline-offset:5px;outline:2px solid #3cc5bc}.site-container,.site-nav-shell{width:calc(100% - clamp(40px,6vw,112px));max-width:1600px;margin-inline:auto}.site-eyebrow{letter-spacing:.1em;color:#93b4a5;align-items:center;gap:10px;font:500 12px/1.6 ui-monospace,monospace;display:flex}.site-eyebrow>span{background:#3cc5bc;width:5px;height:5px;display:inline-block}.site-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050807f0;top:0}.site-nav-shell{border-bottom:1px solid var(--site-line)}.site-nav-row{min-height:88px;padding:6px 0}.site-nav-row.is-scrolled{min-height:74px}.site-nav [id=site-menu]{max-height:calc(100dvh - 110px);overflow-y:auto}@media (min-width:1024px){.site-nav [id=site-menu]{border:0;overflow:visible}}.site-nav-row>div:first-child{gap:clamp(20px,3vw,48px)}.site-nav ul.flex{gap:clamp(16px,2vw,30px)}.site-nav a.bg-brand-dark{background:#0d8a82;border-radius:5px;height:auto;padding:12px 20px}.home-hero{padding-top:108px;position:relative;overflow:clip}.home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding-block:24px 32px;display:grid;position:relative}.hero-copy{z-index:1;min-width:0;position:relative}.hero-copy>.site-eyebrow{margin-bottom:26px}.hero-copy h1{text-wrap:balance;color:#f1f7f3;max-width:800px;margin:0;font-size:clamp(36px,3.6vw,58px);font-weight:500;line-height:1.12}.hero-description{color:#a9beb3;text-wrap:pretty;max-width:510px;margin-top:20px;font-size:clamp(16px,1.15vw,18px);line-height:1.6}.hero-contact{flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px;display:flex}.hero-direct{color:#9eb7a9;align-items:center;gap:6px;font-size:13px;transition:color .2s;display:inline-flex}.hero-direct:hover{color:#3cc5bc}.vrg-site .quote-contact{background:#e8f2ed;border:1px solid #e8f2ed;border-radius:7px;max-width:500px;padding:15px 16px;transition:background .2s,transform .2s}.vrg-site .quote-contact:hover{background:#fff;transform:translateY(-2px)}.vrg-site .quote-contact h2{color:#012e2b;letter-spacing:-.02em;font-size:20px;font-weight:600}.vrg-site .quote-contact .bg-black{background:#012e2b}.vrg-site .quote-contact img{border-radius:5px}.home-clients{padding:24px 0 0}.client-proof{border-block:1px solid var(--site-line);padding:12px 0 16px}.client-proof-heading{justify-content:space-between;align-items:center;min-height:36px;display:flex}.client-proof-label{color:var(--site-muted);margin:0;font-size:12px}.client-motion-toggle{color:#a2b8ae;cursor:pointer;border-radius:4px;place-items:center;width:36px;height:36px;display:grid}.client-motion-toggle:hover{color:#fff;background:#11241c}.client-logo-strip{overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y pinch-zoom;overflow:auto hidden}.client-logo-strip::-webkit-scrollbar{display:none}.client-logo-strip[data-dragging=true],.client-logo-strip[data-dragging=true] a{cursor:grabbing}.client-logo-strip:focus-visible{outline-offset:4px;outline:2px solid #3cc5bc}.client-logo-track{width:max-content;display:flex}.client-logos{flex:none;align-items:center;gap:40px;margin:0;padding:0 40px 0 0;list-style:none;display:flex}.client-logos li{flex:0 0 164px}.client-logo-link{height:96px;cursor:inherit;border-radius:3px;justify-content:center;align-items:center;display:flex}.client-logo-link:focus-visible{outline-offset:-3px!important}.client-logo-image{pointer-events:none;flex-shrink:0;display:block;position:relative}.client-logo-image img{filter:brightness(0)invert();opacity:.8;transition:opacity .2s}.client-logo-image img.client-logo-tonal{filter:grayscale()contrast(1.15);opacity:1}.client-logo-image img.client-logo-on-black{filter:none;mix-blend-mode:screen;object-fit:cover}.client-logo-image:has(.client-logo-on-black){background:var(--site-bg)}.client-logo-link:hover img,.client-logo-link:focus-visible img{opacity:1}.home-services{padding:88px 0 58px}.vrg-site .home-services .site-eyebrow{letter-spacing:.1em;color:#93b4a5;margin:0 0 24px;font:500 12px/1.6 ui-monospace,monospace}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.service-card{border:1px solid var(--site-line);background:#0b1411;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;padding:28px;transition:border-color .2s;display:flex}.service-card:hover,.service-card:focus-visible{border-color:#3cc5bc}.service-card h3{color:#eff5f1;font-size:26px;font-weight:500;line-height:1.25}.service-card p{color:var(--site-muted);margin-top:16px;font-size:16px;line-height:1.7}.service-card svg{color:#93b4a5;flex-shrink:0;margin-top:5px;transition:color .2s}.service-card:hover svg,.service-card:focus-visible svg{color:#3cc5bc}.site-section{padding:30px 0 76px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.section-heading .site-eyebrow{margin-bottom:12px}.section-heading h2{font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.12}.section-heading>a{white-space:nowrap;color:#b5cdbf;align-items:center;gap:12px;padding-bottom:5px;font-size:14px;display:inline-flex}.section-heading>a:hover{color:#3cc5bc}.work-card{border:1px solid var(--site-line);background:#0b1411;border-radius:8px;transition:border-color .2s}.work-card:hover{border-color:#448b72}.work-image{aspect-ratio:16/9;background:#0c1c16}.work-card>div:last-child{padding:26px 28px 30px}.work-card h3{font-size:26px;font-weight:500}.work-card p:last-child{color:#a4b9ad;max-width:590px;font-size:16px;line-height:1.7}.work-card p:first-child{letter-spacing:.08em;font-family:ui-monospace,monospace;font-size:12px}.faq-layout{border-block:1px solid var(--site-line);grid-template-columns:1fr 1.5fr;align-items:center;gap:30px;padding-block:32px;display:grid}.faq-layout h2{text-transform:none;color:#c1d5c9;margin:0;font-size:22px;font-weight:500}.faq-layout li>a{background:0 0;border:0;border-radius:0;padding:12px 0}.faq-layout li>a:hover{background:0 0}.site-footer{border-top:1px solid var(--site-line);background:#08100d}.site-footer .bg-gray-800{background:#10271f}.site-footer h2{letter-spacing:.1em;color:#91c7ad;padding-left:0;font:500 13px/1.5 ui-monospace,monospace;background:0 0!important}.site-footer .text-gray-300{color:#a8bfb1}.site-footer .border-gray-800{border-color:var(--site-line)}.penrose-experience{align-self:stretch;min-width:0;position:relative}.desktop-penrose{flex-direction:column;justify-content:center;height:100%;display:flex;position:relative}.penrose-viewport{width:100%;height:570px;position:relative}.penrose-viewport canvas{cursor:grab;touch-action:pan-y;z-index:1;width:100%;height:100%;display:block;position:relative}.penrose-viewport canvas:active{cursor:grabbing}.penrose-viewport{container-type:size}.penrose-viewport .fallback,.penrose-viewport .sequence-logo{object-fit:fill;pointer-events:none;width:55.6151cqh;height:64.2188%;position:absolute;top:17.8906%;left:calc(50% - 32.7732cqh)}.penrose-viewport.ready .fallback,.penrose-viewport.failed canvas{display:none}.penrose-viewport .sequence-logo{z-index:3}.penrose-viewport:not(.ready) .sequence-logo{display:none}.penrose-viewport canvas.blueprint-drawing{z-index:2;pointer-events:none;cursor:default;position:absolute;inset:0}.penrose-viewport #stage{cursor:grab;touch-action:none}.penrose-viewport.is-orbiting #stage{cursor:grabbing}.penrose-caption{z-index:2;pointer-events:none;letter-spacing:.08em;color:#739982;justify-content:space-between;align-items:center;gap:10px;font:10px/1.5 ui-monospace,monospace;display:flex;position:absolute;bottom:14px;left:18px;right:10px}.penrose-caption>span:last-child{color:#a5c7b3}.penrose-controls{z-index:2;justify-content:center;align-items:center;gap:6px;margin-top:10px;display:flex;position:relative}.penrose-controls button{color:#a2c4ae;cursor:pointer;background:0 0;border:1px solid #233a2e;border-radius:4px;min-height:40px;padding:12px;font-size:12px;line-height:1;transition:background .2s,color .2s}.penrose-controls button:hover,.penrose-controls button[aria-pressed=true]{color:#d5f5de;background:#112d20;border-color:#3c7457}.penrose-controls button:disabled{opacity:.45;cursor:default}.penrose-controls #autoplay,.penrose-controls #reset{min-width:40px;font-size:18px}.fallback-note{color:#a2c4ae;font-size:12px;position:absolute;bottom:45px}.mobile-shimmer{display:none}@media (min-width:1800px){.hero-copy h1{font-size:60px}}@media (max-width:1200px) and (min-width:1024px){.site-nav ul.flex,.site-nav-row>div:first-child{gap:14px}.site-nav-row img{width:132px!important}.site-nav a.bg-brand-dark{padding:10px 14px}.hero-copy h1{font-size:40px}.penrose-viewport{height:510px}.penrose-caption>span:first-child{display:none}.penrose-caption{justify-content:center}}@media (max-width:1023px){.site-nav-row,.site-nav-row.is-scrolled{min-height:78px}.site-nav-row>div:first-child{gap:20px}.site-nav-row img{width:145px!important}.home-hero{padding-top:100px}.home-hero-grid{gap:24px;padding-block:20px 28px}.hero-copy{max-width:740px}.hero-copy h1{max-width:700px;font-size:clamp(32px,4vw,40px)}.hero-description{max-width:600px}.penrose-experience{pointer-events:none;z-index:0;position:absolute;inset:0}.desktop-penrose{display:none}.mobile-shimmer{width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.service-grid{gap:24px}.service-card h2{font-size:18px}.home-services{padding-bottom:40px}.site-section{padding-bottom:52px}}@media (max-width:640px){.site-container,.site-nav-shell{width:calc(100% - 40px)}.site-nav-row,.site-nav-row.is-scrolled{min-height:72px}.site-nav [id=site-menu]{max-height:calc(100dvh - 100px);padding:18px}.home-hero{padding-top:82px}.hero-copy{padding:12px 0 0}.hero-copy>.site-eyebrow{letter-spacing:.08em;margin-bottom:24px;font-size:10px}.hero-copy h1{font-size:clamp(32px,8.5vw,44px);font-weight:500;line-height:1.15}.hero-description{margin-top:16px;font-size:16px;line-height:1.6}.hero-contact{gap:12px;margin-top:20px}.vrg-site .quote-contact{gap:10px;padding:14px 12px}.vrg-site .quote-contact img{width:48px;height:48px}.vrg-site .quote-contact h2{font-size:18px}.vrg-site .quote-contact p,.vrg-site .quote-contact .text-sm{font-size:12px}.vrg-site .quote-contact .w-10{width:32px;height:32px}.hero-direct{font-size:12px}.home-clients{padding:24px 0 0}.client-logos{gap:20px;padding-right:20px}.home-services{padding:64px 0 34px}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:28px}.service-card h3{font-size:26px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.section-heading h2{font-size:36px}.section-heading>a{font-size:14px}.work-card>div:last-child{padding:22px}.work-card h3{font-size:25px}.work-card p:last-child{font-size:15px}.faq-layout{grid-template-columns:1fr;gap:18px}.faq-layout li>a{gap:16px}.faq-layout li>a>span:first-child{font-size:15px}.site-footer{padding-bottom:60px}}@media (prefers-reduced-motion:reduce){.client-logo-image img,.service-card,.service-card svg{transition:none}.vrg-site *{scroll-behavior:auto!important}.work-card img,.quote-contact{transition:none!important}.work-card:hover img,.quote-contact:hover{transform:none!important}}.hero-mobile-showreel{align-self:center;min-width:0}.hero-supercut-shell{align-items:center;min-width:0;min-height:570px;display:flex}.hero-supercut{border:1px solid var(--site-line);background:#08100d;border-radius:8px;width:100%;min-width:0;overflow:hidden;box-shadow:0 24px 70px #0003}.hero-supercut-topline{color:#a9beb3;letter-spacing:.08em;justify-content:space-between;gap:12px;padding:14px 16px;font:10px/1.5 ui-monospace,monospace;display:flex}.hero-supercut-topline>span:first-child{align-items:center;gap:8px;display:flex}.hero-supercut-topline i{background:#3cc5bc;border-radius:50%;width:5px;height:5px}.hero-supercut-media{aspect-ratio:16/9;background:#050807;position:relative}.hero-supercut-media video{object-fit:contain;width:100%;height:100%;display:block}.hero-supercut-link{position:absolute;inset:0}.hero-supercut-link:focus-visible{outline-offset:-4px;outline:2px solid #3cc5bc}.hero-supercut-toggle{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050807b8;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:12px;right:12px}.hero-supercut-toggle:hover{background:#12302a}.hero-supercut-toggle:disabled{opacity:.4;cursor:default}.hero-supercut-footer{color:#a9beb3;justify-content:space-between;align-items:center;gap:16px;padding:16px;font-size:12px;line-height:1.5;display:flex}.hero-supercut-footer a{color:#d8eee2;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.hero-supercut-footer a:hover{color:#3cc5bc}.hero-preview-switch{z-index:60;white-space:nowrap;background:#08100df2;border:1px solid #33574a;border-radius:40px;gap:4px;padding:5px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.hero-preview-switch a{color:#a9beb3;border-radius:30px;padding:10px 16px;font-size:13px}.hero-preview-switch a[aria-current=page]{color:#050807;background:#3cc5bc}@media (min-width:1024px) and (max-width:1200px){.hero-supercut-shell{min-height:510px}}@media (min-width:1024px) and (max-height:800px){.hero-supercut-shell{min-height:440px}}@media (max-width:1023px){.hero-supercut-shell{align-self:center;min-height:0}}@media (max-width:767px){.hero-supercut-footer{gap:8px;padding:12px;font-size:11px}.hero-supercut-topline{padding:12px;font-size:9px}}@media (min-width:1024px){.hero-mobile-showreel{display:none}}@media (max-width:1023px){.penrose-desktop-only{display:none}}@media (min-width:1024px) and (max-height:800px){.penrose-desktop-only .penrose-viewport{height:440px}}.project-showreel{border:1px solid var(--site-line);background:#0b1411;border-radius:8px;align-self:center;min-width:0;overflow:hidden}.showreel-topline{color:#a9beb3;justify-content:space-between;gap:16px;padding:12px 16px;font:11px/1.5 ui-monospace,monospace;display:flex}.showreel-media{aspect-ratio:16/9;background:#020504;position:relative;overflow:hidden}.showreel-slide{opacity:0;transition:opacity .5s;position:absolute;inset:0}.showreel-slide[data-active=true]{opacity:1}.showreel-image,.showreel-video{object-fit:contain}.showreel-video{width:100%;height:100%;position:absolute;inset:0}.showreel-bottomline{justify-content:space-between;align-items:center;gap:12px;min-height:84px;padding:12px 16px;display:flex}.showreel-project{min-width:0;display:block}.showreel-project>span{color:#91b1a1;margin-bottom:4px;font-size:12px;line-height:1.5;display:block}.showreel-project strong{color:#eef5f1;align-items:center;gap:10px;font-size:17px;font-weight:500;line-height:1.3;display:flex}.showreel-project strong svg{flex-shrink:0}.showreel-project:hover strong{color:#3cc5bc}.showreel-controls{flex-shrink:0;gap:4px;display:flex}.showreel-controls button{border:1px solid var(--site-line);color:#c0d6ca;cursor:pointer;background:0 0;border-radius:4px;place-items:center;width:36px;height:40px;display:grid}.showreel-controls button:hover{color:#fff;background:#173229}.hero-contact .quote-contact{max-width:460px}.hero-contact .quote-contact>div:nth-child(2){min-width:0}.hero-contact .quote-contact h2{overflow-wrap:anywhere}@media (min-width:1024px) and (max-height:800px){.home-hero{padding-top:100px}.home-hero-grid{padding-block:16px 24px}.hero-copy h1{font-size:clamp(36px,3.25vw,50px)}.hero-description{margin-top:16px}.hero-contact{margin-top:20px}.home-hero .quote-contact{padding:12px}.home-hero .quote-contact img{width:52px;height:52px}.home-hero .quote-contact .mt-2{margin-top:4px}.project-showreel{justify-self:end;width:100%;max-width:500px}.showreel-topline{padding-block:8px}.showreel-bottomline{min-height:68px;padding-block:8px}}@media (min-width:768px) and (max-width:1023px){.showreel-bottomline{flex-direction:column;align-items:flex-start}.showreel-controls button{width:40px}.hero-contact .quote-contact{gap:10px;padding:12px}.hero-contact .quote-contact img{width:44px;height:44px}.hero-contact .quote-contact .w-10{display:none}.hero-contact .quote-contact h2{font-size:18px}.hero-contact .quote-contact p,.hero-contact .quote-contact .text-sm{font-size:12px}}@media (max-width:767px){.home-hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}.hero-copy{max-width:600px}.project-showreel{width:100%;max-width:600px}.showreel-controls button{width:40px;height:44px}.showreel-bottomline{padding:12px}.showreel-project strong{font-size:16px}}@media (max-width:360px){.showreel-bottomline{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.showreel-slide{transition:none}}.showreel-project strong>span{text-wrap:balance;min-width:0}@media (max-width:767px){.showreel-bottomline{min-height:92px}}.vrg-site{padding-top:var(--site-language-offset,0px)}.site-nav{top:var(--site-language-offset,0px)}.language-suggestion{z-index:60;color:#eef5f1;background:#102c24;border-bottom:1px solid #285248;justify-content:center;align-items:center;gap:12px;padding:4px 20px;font-size:14px;display:flex;position:fixed;inset:0 0 auto}.site-nav [id=site-menu]{max-height:calc(100dvh - 110px - var(--site-language-offset,0px))}.featured-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.service-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);margin-bottom:64px;display:grid}.service-hero .site-eyebrow{margin-bottom:20px}.service-hero h1{text-wrap:balance;color:#eef5f1;font-size:clamp(36px,3.5vw,54px);font-weight:500;line-height:1.12}.service-hero-description{color:#a9beb3;max-width:56ch;margin-top:24px;font-size:18px;line-height:1.7}.service-primary-cta{color:#fff;background:#0d8a82;border-radius:5px;justify-content:center;align-items:center;gap:12px;min-height:48px;margin-top:28px;padding:12px 20px;font-size:15px;font-weight:600;display:inline-flex}.service-primary-cta:hover{background:#06625c}.service-hero-media{min-width:0}.service-hero-media img{background:#102c24}.home-final-cta .site-container{border-top:1px solid var(--site-line);padding-top:48px}.home-final-cta h2{font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.15}.home-final-cta p{max-width:58ch;color:var(--site-muted);margin-top:20px;line-height:1.7}.not-found-content{min-height:65vh;padding-block:180px 100px}.not-found-content h1{margin-top:16px;font-size:clamp(40px,5vw,64px);font-weight:500}.not-found-content>p:not(.site-eyebrow){max-width:48ch;color:var(--site-muted);margin-top:20px;font-size:18px;line-height:1.7}.case-study-prose{grid-template-columns:minmax(0,1fr) minmax(0,70ch) minmax(0,1fr);display:grid}.case-study-prose>*{grid-column:2;min-width:0}:is(.case-study-prose>p:has(img,video),.case-study-prose>div:has(table)){grid-column:1/-1}:root{--vrg-chat-bottom:20px}.vrg-chat-preview{display:none!important}body>div:has(>button[aria-label=Dismiss\ message]){display:none!important}.vrg-chat-launcher{bottom:var(--vrg-chat-bottom)!important}.vrg-chat-dismiss{top:auto!important;left:auto!important;right:10px!important;bottom:calc(var(--vrg-chat-bottom) + 54px)!important}.vrg-chat-panel{bottom:calc(var(--vrg-chat-bottom) + 48px)!important;max-height:calc(100dvh - var(--vrg-chat-bottom) - 72px)!important}.vrg-chat-launcher:focus-visible,.vrg-chat-dismiss:focus-visible{outline-offset:4px!important;outline:2px solid #3cc5bc!important}.sticky-mobile-cta{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}@media (max-width:1023px){.service-hero{grid-template-columns:1fr;gap:32px}.service-hero-copy,.service-hero-media{max-width:760px}}@media (max-width:767px){:root{--vrg-chat-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.featured-work-grid{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#448b72 #0b1411;gap:16px;padding:4px 2px 18px;display:flex;overflow-x:auto}.featured-work-grid>.work-card{scroll-snap-align:start;flex:0 0 90%;height:auto}.service-hero{margin-bottom:48px}.service-hero h1{font-size:36px}.service-hero-description{font-size:16px}.not-found-content{padding-block:140px 72px}.site-footer{padding-bottom:90px}}@media (prefers-reduced-motion:reduce){.client-motion-toggle{display:none}}@media (min-width:641px) and (max-width:1023px){.service-grid{grid-template-columns:1fr;gap:20px}}