.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}.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{border-block:1px solid var(--site-line);padding:14px 0 18px}.home-clients>.site-eyebrow{margin-bottom:12px;font-size:10px}.client-carousel{opacity:.95;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.client-track{gap:56px;padding-right:56px}.client-logo{width:160px;height:58px}.client-logo img{opacity:.9}.client-carousel:hover .client-track,.client-carousel:focus-within .client-track{animation-play-state:paused}.client-carousel:focus-visible{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.client-carousel:has(:focus-visible){overflow-x:auto;-webkit-mask-image:none;mask-image:none}.client-carousel:focus-visible .client-track{animation:none}.client-carousel:has(:focus-visible) .client-track{animation:none}.client-carousel:focus-visible .client-track>div[aria-hidden=true]{display:none}.client-carousel:has(:focus-visible) .client-track>div[aria-hidden=true]{display:none}.client-logo-link:focus-visible{outline:2px solid var(--site-accent,#00e5e5);outline-offset:-2px}.client-logo-link:hover img,.client-logo-link:focus-visible img{filter:grayscale(0);opacity:1}.home-services{padding:0 0 70px}.service-grid{border-bottom:1px solid var(--site-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.service-card{align-items:center;gap:18px;padding:22px 24px;transition:background .2s;display:flex;position:relative}.service-card+.service-card{border-left:1px solid var(--site-line)}.service-card:first-child{padding-left:0}.service-card:last-child{padding-right:0}.service-card:hover{background:#0b1714}.service-card>div:first-child{background:#102c24;border-radius:5px;padding:12px}.service-card svg{color:#3cc5bc}.service-card p:first-child{font-family:var(--font-display),system-ui,sans-serif;color:#eff5f1;font-size:19px;font-weight:500}.service-card p:last-child{color:#a0b7aa;margin-top:5px;font-size:14px}.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}.work-carousel-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:24px;margin-block:-6px;padding-block:6px;display:flex;overflow-x:auto}.work-carousel-track::-webkit-scrollbar{display:none}.work-carousel-track:focus-visible{outline-offset:5px;outline:2px solid #3cc5bc}.work-carousel-slide{scroll-snap-align:start;flex:0 0 100%;min-width:0}.work-carousel-slide .work-card{height:100%}.work-carousel-controls{align-items:center;gap:24px;margin-top:24px;display:flex}.work-carousel-count{color:#b5cdbf;white-space:nowrap;font:400 13px/1.5 ui-monospace,monospace}.work-carousel-progress{flex:1;gap:5px;max-width:240px;margin-right:auto;display:flex}.work-carousel-progress span{background:var(--site-line);flex:1;height:2px;transition:background .2s}.work-carousel-progress span[data-active=true]{background:#3cc5bc}.work-carousel-controls>div:last-child{margin-left:auto}.work-carousel-controls button{border:1px solid var(--site-line);color:#d6e8df;cursor:pointer;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .2s,border-color .2s;display:grid}.work-carousel-controls button:hover:not(:disabled){background:#133029;border-color:#3cc5bc}.work-carousel-controls button:disabled{opacity:.3;cursor:default}@media (min-width:768px){.work-carousel-slide{flex-basis:calc(50% - 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}.home-proof .site-container>div{gap:0}.home-proof .text-center{text-align:left;padding:0 40px}.home-proof .text-center:first-child{padding-left:0}.home-proof .text-center+div{border-left:1px solid var(--site-line)}.home-proof .text-center>div:first-child{display:none}.home-proof .text-5xl{font-family:var(--font-display),system-ui,sans-serif;color:#a6e1cb;letter-spacing:-.05em;margin-bottom:18px;font-size:70px;font-weight:400;line-height:1.1}.home-proof .text-sm{color:#a4b9ad;max-width:370px;font-size:16px;line-height:1.75}.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}.service-card{gap:12px;padding:28px 18px}.service-card p:first-child{font-size:17px}}@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-card{align-items:flex-start;gap:12px;padding:26px 18px}.service-card p:first-child{font-size:17px}.service-card p:last-child{font-size:13px}.service-card>div:first-child{padding:8px}.home-services{padding-bottom:40px}.site-section{padding-bottom:52px}.home-proof .text-center{padding:0 22px}.home-proof .text-5xl{font-size:60px}}@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:22px 0}.home-clients>.site-eyebrow{letter-spacing:.08em;font-size:10px}.client-logo{width:160px;height:60px}.client-track{gap:48px;padding-right:48px}.service-grid{grid-template-columns:1fr}.service-card,.service-card:first-child,.service-card:last-child{gap:16px;padding:23px 0}.service-card+.service-card{border-left:0;border-top:1px solid var(--site-line)}.service-card p:first-child{font-size:20px}.service-card p:last-child{font-size:14px}.service-card>div:first-child{padding:12px}.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}.home-proof .site-container>div{gap:28px}.home-proof .text-center,.home-proof .text-center:first-child{border-left:0;border-bottom:1px solid var(--site-line);padding:0 0 25px}.home-proof .text-5xl{font-size:64px}.site-footer{padding-bottom:60px}}@media (prefers-reduced-motion:reduce){.vrg-site .animate-marquee{animation:none}.client-carousel{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.client-track>div[aria-hidden=true]{display: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-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}.home-clients{padding-block:12px}.home-clients .client-logo{height:48px}.home-clients>.site-eyebrow{margin-bottom: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}}