body.deuspix-service-page{padding:0;margin:0}
body.deuspix-service-page .dxp-unified-title-fx{position:relative;overflow:hidden;isolation:isolate;will-change:transform,clip-path}
body.deuspix-service-page .dxp-unified-title-fx::before{content:"";position:absolute;inset:0;left:-120%;width:100%;background:linear-gradient(90deg,transparent 0%,rgba(212,255,0,.04) 35%,rgba(212,255,0,.22) 50%,rgba(212,255,0,.04) 65%,transparent 100%);pointer-events:none;z-index:2;transition:left .62s cubic-bezier(.16,1,.3,1)}
body.deuspix-service-page .dxp-unified-title-fx:hover::before,body.deuspix-service-page .dxp-unified-title-fx:focus-within::before{left:120%}
body.deuspix-service-page .dxp-unified-title-fx:hover,body.deuspix-service-page .dxp-unified-title-fx:focus-within{animation:dxpServiceTitleGlitch .42s ease-in-out}
@keyframes dxpServiceTitleGlitch{0%,100%{clip-path:inset(0);transform:translate3d(0,0,0)}18%{clip-path:inset(12% 0 62% 0);transform:translate3d(-3px,0,0)}36%{clip-path:inset(58% 0 16% 0);transform:translate3d(3px,0,0)}54%{clip-path:inset(33% 0 41% 0);transform:translate3d(-2px,0,0)}72%{clip-path:inset(72% 0 8% 0);transform:translate3d(2px,0,0)}}
.service-result{margin-top:1.3rem;border:1px solid var(--acid);background:rgba(212,255,0,.04);padding:1.25rem;display:flex;flex-direction:column;gap:.4rem}.service-result small{font-family:var(--font-mono);font-size:.68rem;color:var(--gray-mid);text-transform:uppercase;letter-spacing:.14em}.service-result strong{font-family:var(--font-display);font-size:1.2rem;color:var(--acid);text-transform:uppercase;line-height:1.35}
.service-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--gray-dark);border:1px solid var(--gray-dark)}
.service-work-card{appearance:none;border:0;background:var(--bg);color:var(--white);padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;min-width:0;transition:background .25s,transform .25s}.service-work-card:hover{background:var(--bg-alt);z-index:2}.service-work-media{display:block;aspect-ratio:4/3;overflow:hidden;background:#111;border-bottom:1px solid var(--gray-dark)}.service-work-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.service-work-card:hover img{transform:scale(1.035)}.service-work-meta{display:flex;flex-direction:column;padding:1rem 1.1rem 1.2rem;gap:.35rem}.service-work-meta small{font-family:var(--font-mono);font-size:.64rem;line-height:1.5;color:var(--acid);text-transform:uppercase;letter-spacing:.08em}.service-work-meta strong{font-family:var(--font-display);font-size:.92rem;line-height:1.45;text-transform:uppercase}
.web-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--gray-dark);border:1px solid var(--gray-dark)}.web-case-card{background:var(--bg);text-decoration:none;display:flex;flex-direction:column;min-height:330px;transition:background .25s,transform .25s}.web-case-card:hover{background:var(--bg-alt)}.web-case-browser{height:52px;border-bottom:1px solid var(--gray-dark);background:#000;display:flex;align-items:center;gap:.45rem;padding:0 1rem}.web-case-browser i{width:8px;height:8px;border-radius:50%;background:#333}.web-case-browser em{font-family:var(--font-mono);font-style:normal;font-size:.68rem;color:var(--gray-mid);margin-left:.5rem}.web-case-body{padding:2rem;display:flex;flex-direction:column;flex:1}.web-case-body small{font-family:var(--font-mono);font-size:.66rem;color:var(--acid);text-transform:uppercase;letter-spacing:.08em}.web-case-body strong{font-family:var(--font-display);font-size:clamp(1.35rem,3vw,2.5rem);line-height:1.05;text-transform:uppercase;margin:1.2rem 0}.web-case-body p{color:var(--gray-mid);line-height:1.7;max-width:44ch}.web-case-body b{margin-top:auto;padding-top:2rem;font-family:var(--font-mono);font-size:.72rem;color:var(--acid);text-transform:uppercase;letter-spacing:.08em}
.yt-portfolio-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:1px;background:var(--gray-dark);border:1px solid var(--gray-dark)}.yt-feature .service-work-media{aspect-ratio:16/9}.yt-coming{background:var(--bg);padding:2.2rem;display:flex;flex-direction:column;justify-content:center}.yt-coming small{font-family:var(--font-mono);font-size:.68rem;color:var(--acid);letter-spacing:.12em}.yt-coming strong{font-family:var(--font-display);font-size:1.25rem;line-height:1.45;text-transform:uppercase;margin:1rem 0}.yt-coming p{color:var(--gray-mid);line-height:1.7}
.service-price-v{font-size:clamp(1.5rem,3vw,2.25rem)!important;line-height:1.1!important}.service-contact-box .service-textarea{resize:vertical;min-height:160px}
.service-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:10050;display:none;align-items:center;justify-content:center;padding:5vw}.service-lightbox.open{display:flex}.service-lightbox figure{max-width:min(1200px,90vw);max-height:88vh;display:flex;flex-direction:column;gap:.8rem}.service-lightbox img{max-width:100%;max-height:80vh;object-fit:contain;display:block}.service-lightbox figcaption{font-family:var(--font-mono);font-size:.75rem;color:var(--acid);text-transform:uppercase;letter-spacing:.08em}.service-lightbox-close{position:absolute;top:1.2rem;right:1.4rem;background:var(--acid);color:#000;border:0;width:46px;height:46px;font-size:1.8rem;cursor:pointer;font-family:var(--font-mono)}
@media(max-width:1000px){.service-portfolio-grid{grid-template-columns:repeat(2,1fr)}.web-case-grid{grid-template-columns:1fr}.yt-portfolio-grid{grid-template-columns:1fr}}
@media(max-width:620px){.service-portfolio-grid{grid-template-columns:1fr}.web-case-body{padding:1.4rem}.service-work-media{aspect-ratio:16/11}}
@media(prefers-reduced-motion:reduce){body.deuspix-service-page .dxp-unified-title-fx:hover{animation:none}.service-work-media img{transition:none}}