/* Vitrine interativa. Movimento acontece dentro da composição. */
#servicos.service-theater{background:#131615;color:#f0efe7;padding:65px 6vw 75px}
.service-theater>header{max-width:1280px;margin:0 auto 40px;display:block}
.service-theater>header .eyebrow{color:#d6ff4b;margin-bottom:23px}
#servicos.service-theater h2{font-size:clamp(45px,5.7vw,80px);line-height:1.02;letter-spacing:-.055em}
.service-theater h2 em{font-style:normal;color:#d6ff4b}
.service-theater-body{display:grid;grid-template-columns:1fr 1.35fr;gap:5vw;max-width:1280px;margin:auto;align-items:start}
.service-navigation{padding-top:10px}
.service-choice{display:grid;grid-template-columns:24px 1fr 25px;gap:17px;align-items:center;width:100%;text-align:left;background:none;border:0;border-top:1px solid #f0efe745;padding:27px 0;color:#aaaea8;cursor:pointer;transition:color .25s,padding .3s}
.service-choice:last-child{border-bottom:1px solid #f0efe745}
.service-choice>span:nth-child(2){font-family:'Space Grotesk',sans-serif;font-size:clamp(25px,2.7vw,37px);letter-spacing:-.045em;line-height:1.15}
.service-choice-index{font:11px Arial,sans-serif;align-self:start;padding-top:7px}
.service-choice[aria-pressed=true]{color:#d6ff4b;padding-left:12px}
.service-choice>span:last-child{font-size:23px;transition:transform .3s}
.service-choice[aria-pressed=true]>span:last-child{transform:rotate(45deg)}
.service-choice:focus-visible,.service-talk:focus-visible{outline:2px solid #d6ff4b;outline-offset:5px}
.service-talk{display:inline-block;border-bottom:1px solid #d6ff4b;padding-bottom:10px;margin-top:34px;color:#f0efe7;font-size:14px}
.service-view figure{overflow:hidden;position:relative;margin:0;background:#080a09}
.service-view img{width:100%;height:330px;object-fit:cover}
.service-view-copy{padding-top:23px}
#servicos .service-view h3{font-size:clamp(25px,2.5vw,35px);line-height:1.13;margin-bottom:15px;letter-spacing:-.035em}
.service-view p{font-size:15px;line-height:1.8;color:#c4c9c2;max-width:58ch}
.service-view[hidden]{display:none!important}
.studio-object figure{animation:object-bob 5.5s ease-in-out infinite alternate;animation-play-state:paused}
.object-game figure{animation-delay:-2s}.object-mapping figure{animation-delay:-3.7s}
.studio-stage.motion-visible .studio-object figure{animation-play-state:running}
.studio-seal{animation:seal-turn 9s ease-in-out infinite alternate;animation-play-state:paused}
.studio-stage.motion-visible .studio-seal{animation-play-state:running}
.motion-picture{overflow:hidden}
.motion-picture img{scale:1.075;translate:0 var(--image-drift,0px);will-change:translate}
.service-screen.motion-visible .service-view:not([hidden]) img{animation:screen-breathe 9s ease-in-out infinite alternate}
.site-preview a{translate:0 var(--tile-drift,0px)}
.site-preview a:nth-child(2){translate:0 calc(var(--tile-drift,0px) * -1)}
.wow-demo img{transition:transform .6s,filter .6s}
.wow-demo:hover img,.wow-demo:focus-visible img{transform:scale(.96) rotate(-2deg)}
.footer-word{translate:var(--word-drift,0px) 0;will-change:translate}
@keyframes object-bob{from{translate:0 -5px}to{translate:0 9px}}
@keyframes seal-turn{from{rotate:-7deg}to{rotate:14deg}}
@keyframes screen-breathe{from{scale:1.025}to{scale:1.085}}
@media(max-width:900px){.service-theater-body{grid-template-columns:.9fr 1.2fr;gap:4vw}.service-choice{gap:10px;padding-block:23px}.service-choice>span:nth-child(2){font-size:27px}.service-view img{height:280px}}
@media(max-width:600px){#servicos.service-theater{padding:50px 6vw}.service-theater>header{margin-bottom:28px}.service-theater-body{grid-template-columns:1fr;gap:28px}.service-navigation{padding:0}.service-choice{padding-block:17px;grid-template-columns:22px 1fr 22px}.service-choice>span:nth-child(2){font-size:26px}.service-talk{margin-top:22px}.service-view img{height:250px}.service-view-copy{padding-top:20px}.service-view p{font-size:15px}.service-choice[aria-pressed=true]{padding-left:7px}}
@media(prefers-reduced-motion:reduce){.studio-object figure,.studio-seal,.service-view img{animation:none!important}.motion-picture img,.site-preview a,.footer-word{translate:none!important;will-change:auto}.motion-picture img{scale:1}.service-choice,.wow-demo img{transition:none}}
