.ux-landing-feature{grid-column:1/-1;min-height:390px;display:grid;grid-template-columns:1fr 1.3fr;gap:30px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 50%,#67469240,transparent 65%);border-top:1px solid #aa89d555;border-bottom:1px solid #aa89d533;padding:38px 0;margin-bottom:15px}.ux-landing-feature h3{font-size:clamp(32px,4vw,53px);font-weight:400;letter-spacing:-2px;line-height:1.08;margin:16px 0}.ux-landing-feature h3 em{font-style:normal;color:#d2baf8}.ux-landing-feature p{font-size:16px;line-height:1.75;color:#bcc2d0;max-width:400px;margin-bottom:25px}.ux-landing-feature .ux-button{border-radius:0;min-height:52px}.ux-landing-feature small{display:block;font-size:11px;color:#aaa2ba;margin-top:18px;line-height:1.8}.ux-landing-preview{position:relative;min-height:330px;perspective:1000px}.ux-landing-preview iframe{position:absolute;top:0;left:0;width:800px;height:570px;border:1px solid #baa2d877;pointer-events:none;transform:rotateY(-13deg) rotateZ(-2deg) scale(.58);transform-origin:top left;box-shadow:0 25px 90px #0009;border-radius:7px}.ux-landing-preview>span{position:absolute;bottom:0;left:0;color:#c1b2d4;font-size:11px}@media(max-width:1000px){.ux-landing-feature{grid-template-columns:1fr 1fr;gap:20px}.ux-landing-preview iframe{transform:rotateY(-13deg) rotateZ(-2deg) scale(.43)}.ux-landing-preview{min-height:270px}}@media(max-width:650px){.ux-landing-feature{display:block;padding:25px 0 30px}.ux-landing-feature h3{font-size:39px}.ux-landing-preview{min-height:260px;margin-top:32px}.ux-landing-preview iframe{transform:rotateY(-10deg) rotateZ(-2deg) scale(.38)}.ux-landing-feature p{font-size:15px}.ux-landing-preview>span{font-size:10px}}@media(max-width:370px){.ux-landing-preview iframe{transform:rotateY(-10deg) rotateZ(-2deg) scale(.34)}.ux-landing-preview{min-height:230px}}
.ux-landing-form-intro{border-top:1px solid #a887cf66;border-bottom:1px solid #a887cf44;padding:8px 0 24px;margin:26px 0}.ux-landing-form-intro small{display:block;color:#a6a1b6;font-size:12px;line-height:1.8;margin-top:16px}.ux-landing-form-intro h3{color:#dbc6f6}
.ux-landing-feature small>span{display:block;color:#a6a1b6;margin-top:4px}

/* Original scenes are the service stage; project captures belong to clients. */
.cinema-services a{border-bottom:1px solid #ffffff26;background:none;color:#aeb1be;padding:8px 0;font-size:10px;display:flex;gap:15px;align-items:center;text-decoration:none}.cinema-services a:hover{color:#fff;border-color:#d6bbf4}.cinema-services a:focus-visible{outline:2px solid #d6bbf4;outline-offset:5px}
.ux-cards{display:block}.ux-service-scene{padding:28px 0 64px;border-bottom:1px solid var(--ux-line);margin-bottom:35px}.ux-service-intro{display:flex;align-items:baseline;flex-wrap:wrap;gap:18px 35px;margin-bottom:25px}.ux-service-intro>.ux-kicker{width:100%}.ux-service-intro h3{font-size:clamp(32px,4.3vw,57px);letter-spacing:-.04em;font-weight:450;line-height:1.1;margin:0;max-width:750px}.ux-service-intro p{font-size:17px;line-height:1.7;color:#cabddd;max-width:520px;margin:0}.ux-original-scene{margin:0;border:0;background:#07090f}.ux-original-stage{position:relative;aspect-ratio:16/9;perspective:1400px;overflow:hidden;isolation:isolate}.ux-original-camera{height:100%;transform-origin:center;animation:ux-original-camera 12s ease-in-out infinite;will-change:transform}.ux-original-camera img{display:block;width:100%;height:100%;object-fit:cover}.ux-original-stage[data-scene-focus=agente] .ux-original-camera{animation-name:ux-original-camera-agent}.ux-original-stage[data-paused=true] .ux-original-camera{animation-play-state:paused}.ux-concept-label,.ux-scene-pause{position:absolute;z-index:1;background:#080a12c9;color:#e0d5f0;border:1px solid #d2baf83a;backdrop-filter:blur(8px);font-size:11px;line-height:1.5}.ux-concept-label{top:18px;left:18px;padding:9px 13px}.ux-scene-pause{right:18px;bottom:18px;padding:11px 15px;min-height:44px;cursor:pointer}.ux-original-scene figcaption{color:#cbb7e3;font-size:13px;line-height:1.6;padding:16px 0;border-top:1px solid #ffffff15}.ux-original-scene figcaption small{display:block;color:#969caf;font-size:12px;margin-top:6px}.ux-scene-footer{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;margin-top:24px}.ux-scene-footer>p{color:#bbc3d1;line-height:1.75;font-size:17px;max-width:640px;margin:0}.ux-scene-footer>div{display:flex;align-items:start;flex-wrap:wrap;gap:12px}.ux-editorial-price{font-size:26px;font-weight:450;line-height:1.3;letter-spacing:-.5px;margin:12px 0 18px;width:100%;color:#f0e6fa}.ux-editorial-price span{display:block;font-size:13px;line-height:1.6;color:#9ba7bc;letter-spacing:0;margin:5px 0}.ux-scene-footer .ux-button,.ux-service-row .ux-button{border-radius:4px}.ux-service-row{display:grid;grid-template-columns:38px 1.5fr 1fr;gap:30px;border-bottom:1px solid var(--ux-line);padding:38px 0;align-items:start}.ux-service-number{font:11px/1.8 Consolas,monospace;color:#9c8bae;margin-top:3px}.ux-service-row-copy h3{font-size:29px;letter-spacing:-.8px;line-height:1.15;font-weight:450;margin:13px 0 17px}.ux-service-row-copy>p{color:#b9c2d3;font-size:16px;line-height:1.7;margin:0 0 15px;max-width:650px}.ux-visual-pending{display:block;font-size:12px;line-height:1.7;color:#9d90ae;margin-top:17px}.ux-service-row-actions{min-width:0}.ux-text-link{display:block;color:#d2baf8;font-size:13px;line-height:1.6;margin-top:16px;text-underline-offset:5px}.ux-original-video{margin:25px 0;background:#080a10;border-top:1px solid #ffffff25}.ux-original-video video{width:100%;aspect-ratio:16/9;display:block;background:#000}.ux-original-video figcaption{font-size:14px;color:#d2baf8;padding:18px 0;line-height:1.7}.ux-original-video figcaption p{font-size:13px;line-height:1.7;color:#a6b0c1;margin:8px 0 0}.ux-detail-main figure.ux-original-scene{border:0;border-radius:0}.ux-detail-main figure.ux-original-scene img{max-height:none;padding:0;height:100%;object-fit:cover}.ux-detail-main figure.ux-original-scene figcaption,.ux-detail-main .ux-original-video figcaption{padding:14px 0}.ux-detail-main .ux-concept-label{font-size:9px;top:10px;left:10px}.ux-detail-main .ux-scene-pause{font-size:10px;right:10px;bottom:10px}.ux-clients{display:block}.ux-client-case{display:grid;grid-template-columns:1fr 1.65fr;gap:40px;align-items:start;padding:45px 0;border-top:1px solid var(--ux-line)}.ux-client-case h3{font-size:30px;line-height:1.15;letter-spacing:-.8px;font-weight:450;margin:18px 0}.ux-client-case p{font-size:16px;line-height:1.7;color:#b1bdce;margin:0 0 22px}.ux-client-case small{display:block;font-size:11px;line-height:1.7;color:#8e91a2;margin-top:25px}.ux-client-case>figure{margin:0;min-width:0}.ux-client-case>figure img{display:block;width:100%;height:auto;max-height:450px;object-fit:contain;background:#05080d}.ux-client-case>figure figcaption{font-size:12px;color:#a391bd;line-height:1.6;margin-top:14px}.ux-client-video{grid-column:1/-1}.ux-client-video .ux-original-video{margin:0}.ux-demos-disclosure{margin-top:50px;border-top:1px solid var(--ux-line)}.ux-demos-disclosure>summary{cursor:pointer;min-height:60px;padding:23px 0;font-size:17px;color:#d8c5f0}.ux-demos-disclosure>p{font-size:14px;line-height:1.8;color:#a0aabd}.ux-proof .ux-original-video{margin-top:25px}.ux-proof .ux-original-video p{font-size:13px}
@keyframes ux-original-camera{0%,100%{transform:scale(1.015) rotateY(-.3deg)}35%{transform:translate3d(.6%,.3%,0) scale(1.055) rotateY(.6deg)}70%{transform:translate3d(-.5%,-.2%,0) scale(1.065) rotateY(-.5deg)}}
@keyframes ux-original-camera-agent{0%,100%{transform:scale(1.02) rotateY(.4deg)}38%{transform:translate3d(.5%,.2%,0) scale(1.045) rotateY(-.4deg)}73%{transform:translate3d(-.6%,.3%,0) scale(1.07) rotateY(.5deg)}}
.ux-original-stage[data-scene-focus=qr] .ux-original-camera{animation-name:ux-original-camera-qr}.ux-original-stage[data-scene-focus=ecommerce] .ux-original-camera{animation-name:ux-original-camera-ecommerce}
@keyframes ux-original-camera-qr{0%,100%{transform:scale(1.015) rotateY(-.3deg);transform-origin:28% 50%}30%{transform:scale(1.06) rotateY(.4deg);transform-origin:68% 45%}65%{transform:scale(1.1) rotateY(-.3deg);transform-origin:86% 68%}85%{transform:scale(1.04);transform-origin:58% 55%}}
@keyframes ux-original-camera-ecommerce{0%,100%{transform:scale(1.015) rotateY(.3deg);transform-origin:33% 45%}32%{transform:scale(1.07) rotateY(-.4deg);transform-origin:73% 50%}68%{transform:scale(1.105) rotateY(.3deg);transform-origin:92% 54%}86%{transform:scale(1.045);transform-origin:62% 48%}}
@media(max-width:1000px){.ux-scene-footer{gap:30px}.ux-service-row{grid-template-columns:25px 1.3fr 1fr;gap:22px}.ux-client-case{grid-template-columns:1fr 1.4fr;gap:25px}}
@media(max-width:650px){.ux-service-scene{padding:18px 0 40px;margin-bottom:12px}.ux-service-intro{gap:14px;margin-bottom:20px}.ux-service-intro h3{font-size:36px}.ux-service-intro p{font-size:16px}.ux-original-stage{aspect-ratio:4/3}.ux-original-camera img{object-fit:contain}.ux-concept-label{font-size:9px;top:10px;left:10px;max-width:75%;padding:8px 9px}.ux-scene-pause{font-size:10px;right:10px;bottom:10px;padding:10px 11px}.ux-scene-footer{grid-template-columns:1fr;gap:24px;margin-top:17px}.ux-scene-footer>p{font-size:16px}.ux-service-row{grid-template-columns:24px 1fr;gap:18px;padding:30px 0}.ux-service-row-copy h3{font-size:29px}.ux-service-row-actions{grid-column:2}.ux-editorial-price{font-size:25px;margin:12px 0 14px}.ux-service-row-actions>.ux-button{width:100%;text-align:center}.ux-client-case{grid-template-columns:1fr;gap:25px;padding:35px 0}.ux-client-case h3{font-size:28px}.ux-client-case>figure{grid-row:2}.ux-client-video{grid-column:1}.ux-demos-disclosure>summary{font-size:16px;line-height:1.6}.ux-detail-main .ux-original-stage{aspect-ratio:4/3}.ux-detail-main figure.ux-original-scene img{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.ux-original-camera{animation:none;transform:none;will-change:auto}.ux-original-stage[data-paused=false] .ux-original-camera{animation:ux-original-camera 12s ease-in-out infinite}.ux-original-stage[data-paused=false][data-scene-focus=agente] .ux-original-camera{animation-name:ux-original-camera-agent}}
@media(prefers-reduced-motion:reduce){.ux-original-stage[data-paused=false][data-scene-focus=qr] .ux-original-camera{animation-name:ux-original-camera-qr}.ux-original-stage[data-paused=false][data-scene-focus=ecommerce] .ux-original-camera{animation-name:ux-original-camera-ecommerce}}
