/* Composição espacial de projetos, sem carrossel de fundos. */
.studio-opening{height:140svh;min-height:1050px;background:#edece5;color:#161717}
.studio-stage{height:100svh;min-height:730px;position:sticky;top:0;overflow:hidden;isolation:isolate;perspective:1200px}
.studio-meta{position:absolute;top:120px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;z-index:8;text-transform:uppercase}
.studio-heading{position:absolute;inset:28% 0 auto;text-align:center;z-index:2;pointer-events:none;transform:scale(var(--word-scale,1));will-change:transform}
.studio-heading h1{font-size:clamp(150px,29vw,480px);font-weight:700;line-height:.78;letter-spacing:-.095em;padding-right:.065em}
.studio-heading p{font-size:clamp(18px,2.7vw,38px);letter-spacing:-.035em;margin-top:25px;font-weight:500}
.studio-heading p{max-width:19ch;margin-inline:auto;font-size:clamp(18px,2.1vw,29px)}
@media(min-width:901px){.studio-meta{top:100px}.object-web{top:23%}.object-game{top:23%}}
.navbar .accent{color:#c53721}
.studio-orbit{position:absolute;inset:0;z-index:3;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform .3s ease-out;pointer-events:none}
.studio-object{position:absolute;display:block;width:clamp(160px,20vw,300px);text-decoration:none;pointer-events:auto;transform:translateY(var(--travel,0px)) rotate(var(--angle));transition:filter .3s;will-change:transform}
.studio-object figure{overflow:hidden;background:#1a1b1d;border:7px solid #fff;box-shadow:0 15px 50px #0003;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.studio-object img{width:100%;height:100%;object-fit:cover}
.studio-object figcaption{background:#fff;color:#171717;font-size:11px;padding:10px 5px;display:flex;justify-content:space-between}
.studio-object:hover figure,.studio-object:focus-visible figure{transform:rotate(calc(-1 * var(--angle))) scale(1.08)}
.studio-object:focus-visible{outline:3px solid #f04b32;outline-offset:8px}
.object-web{left:5%;top:20%;--angle:-12deg;width:21vw;max-width:310px}.object-web img{height:160px}
.object-game{right:4%;top:18%;--angle:10deg;width:19vw;max-width:285px}.object-game img{height:190px}
.object-mapping{right:14%;bottom:15%;--angle:-8deg;width:21vw;max-width:320px}.object-mapping img{height:160px}
.studio-seal{position:absolute;left:10%;bottom:22%;width:145px;height:145px;background:#fc593c;display:grid;place-items:center;clip-path:polygon(50% 0,61% 15%,79% 10%,82% 29%,100% 37%,89% 53%,97% 72%,77% 76%,70% 96%,51% 87%,33% 100%,26% 80%,6% 79%,13% 58%,0 43%,20% 34%,20% 12%,40% 18%);transform:rotate(calc(-15deg + var(--turn,0deg)));z-index:4;color:#161717;font-weight:700;text-align:center;font-size:17px;line-height:1.1}
.studio-bottom{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:end;gap:30px;z-index:5}
.studio-bottom p{font-size:13px;max-width:30ch;line-height:1.6}.studio-bottom>a{font-size:13px;border-bottom:1px solid;padding-bottom:8px}.studio-motion{background:none;border:1px solid #16171755;border-radius:30px;padding:9px 15px;font-size:11px}
.navbar{background:#edece5;color:#161717;border-bottom:1px solid #16171720}.navbar .nav-link{color:#161717}.navbar .nav-link:hover{color:#ca361c}.navbar.scrolled{background:#edece5f0;border-color:#16171730}.navbar>a,.navbar .logo{color:#161717}.navbar .text-white{color:#161717}.navbar .lang-btn{color:#161717}.navbar .btn-accent{background:#171717;color:#eee}
#sobre{background:#fc593c;color:#161717;padding-block:100px;border-radius:0}
#sobre .eyebrow{color:#161717}#sobre>div{display:block}#sobre [data-i18n="about.statement"]{font-size:clamp(32px,4.6vw,66px);line-height:1.12;letter-spacing:-.045em;max-width:25ch;margin:10px 0 65px}
#sobre>div>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}#sobre .stat-row{display:block;border-color:#16171750}#sobre .stat-num{color:#161717;font-size:65px;margin-bottom:20px;display:block}#sobre .stat-row p{color:#161717}
#construcao-de-sites{background:#edece5;border-radius:0}#construcao-de-sites h2{font-size:clamp(38px,4.4vw,65px)}
#servicos{background:#c9b8f1;color:#18151e}#servicos .lede{color:#18151e}#servicos .service-row{border-color:#18151e55}#servicos .service-row-num{-webkit-text-stroke-color:#18151e60}
#portfolio{background:#101112;color:#eeeee7}#portfolio>div>h2{max-width:15ch;font-size:clamp(48px,7vw,105px)}
.wow-demo-list{column-gap:55px;row-gap:55px}.wow-demo{display:grid;grid-template-columns:1fr auto;border:0;padding:0;gap:17px}.wow-demo:nth-child(even){margin-top:90px}.wow-demo img{grid-column:1/-1;width:100%;height:280px;filter:none;object-fit:cover}.wow-demo-copy strong{font-size:30px}.wow-demo:hover img{transform:rotate(-2deg) scale(.97)}.wow-demo-arrow{grid-column:2;grid-row:2}.wow-demo-copy>span{font-size:12px}.wow-demo-note{margin-top:50px}.wow-demos{border:0}
#contato{background:#d6ff4b}#contato h2{font-size:clamp(50px,8vw,120px)}
@media(max-width:900px){.studio-heading{top:33%}.studio-meta{top:110px}.object-web{top:22%;width:25vw}.object-game{top:19%;width:25vw}.object-mapping{width:29vw;bottom:20%;right:7%}.studio-object img{height:140px}.studio-seal{width:115px;height:115px;font-size:15px}.wow-demo img{height:220px}}
@media(max-width:600px){.studio-opening{height:auto;min-height:0}.studio-stage{position:relative;height:880px;min-height:0}.studio-meta{top:105px;font-size:8px;gap:25px}.studio-meta>span{max-width:22ch}.studio-heading{top:37%}.studio-heading h1{font-size:31vw}.studio-heading p{font-size:20px;margin-top:15px}.object-web{width:43%;top:19%;left:4%}.object-game{width:36%;right:4%;top:17%}.studio-object img{height:110px}.studio-object figure{border-width:4px}.studio-object figcaption{font-size:9px;padding:7px 3px}.object-mapping{width:49%;bottom:21%;right:6%}.object-mapping img{height:125px}.studio-seal{left:8%;bottom:25%;width:95px;height:95px;font-size:12px}.studio-bottom{bottom:27px;flex-wrap:wrap;gap:18px}.studio-bottom p{max-width:26ch;font-size:12px}.studio-bottom>a{font-size:12px}.studio-motion{padding:7px 10px}#sobre{padding-block:65px}#sobre>div>div:last-child{grid-template-columns:1fr;gap:20px}#sobre .stat-row{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;padding-block:20px}#sobre .stat-num{font-size:45px;margin:0}.wow-demo-list{gap:35px}.wow-demo:nth-child(even){margin-top:0}.wow-demo img{height:240px}.wow-demo-copy strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.studio-opening{height:auto;min-height:0}.studio-stage{position:relative}.studio-orbit,.studio-heading,.studio-object,.studio-seal{will-change:auto}.studio-motion{display:none}.studio-object figure{transition:none}}