@font-face{font-family:serifa;src:url(../media/gloock_400-s.p.1x04plwujse_i.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:serifa Fallback;src:local(Times New Roman);ascent-override:85.39%;descent-override:19.71%;line-gap-override:0.0%;size-adjust:114.18%}.dLVF0W_className{font-family:serifa,serifa Fallback;font-weight:400}.dLVF0W_variable{--f-serifa:"serifa", "serifa Fallback"}
@font-face{font-family:corpo;src:url(../media/instrument_sans-s.p.3h2wr6o8p949u.woff2)format("woff2");font-display:swap;font-weight:400 600}@font-face{font-family:corpo Fallback;src:local(Arial);ascent-override:93.97%;descent-override:24.22%;line-gap-override:0.0%;size-adjust:103.22%}._4EmCma_className{font-family:corpo,corpo Fallback}._4EmCma_variable{--f-corpo:"corpo", "corpo Fallback"}
@font-face{font-family:mono;src:url(../media/ibm_plex_mono_400.p.3xdfs0-p_zi4c.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:mono;src:url(../media/ibm_plex_mono_500.p.11q3guvgd1r20.woff2)format("woff2");font-display:swap;font-weight:500}.HXwfnG_className{font-family:mono}.HXwfnG_variable{--f-mono:"mono"}
:root{--noite:#10151f;--painel:#161d2a;--painel-2:#1e2636;--linha:#29324a;--chao:#3a4357;--texto:#f2f3f6;--texto-2:#c6cdd9;--texto-3:#8f99ad;--papel:#efeadf;--papel-tinta:#191e2b;--papel-linha:#d9d2c3;--papel-2:#5a5f6e;--tinta:#e8c26a;--tinta-texto:#16110a;--serifa:var(--f-serifa),Georgia,serif;--corpo:var(--f-corpo),Arial,system-ui,sans-serif;--mono:var(--f-mono),ui-monospace,Consolas,monospace;--t1:clamp(2.6rem,5.8vw,4.9rem);--t2:clamp(1.9rem,3.6vw,2.9rem);--t3:clamp(1.35rem,2vw,1.6rem);--raio:10px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--noite);color:var(--texto);font:17px/1.65 var(--corpo);flex-direction:column;min-height:100dvh;margin:0;display:flex;overflow-x:hidden}@media (min-width:980px){body{font-size:18px}}body:before{content:"";pointer-events:none;z-index:50;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main{flex:1}a{color:inherit}button{font-family:inherit}:focus-visible{outline:3px solid var(--tinta);outline-offset:3px;border-radius:4px}::selection{background:color-mix(in srgb,var(--tinta) 45%,transparent)}.pular{z-index:100;background:var(--tinta);color:var(--tinta-texto);border-radius:6px;padding:10px 14px;position:absolute;top:10px;left:-999px}.pular:focus{left:12px}.envolve{width:min(1200px,100% - 40px);margin-inline:auto}.mono{font-family:var(--mono)}.so-leitor{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1{font:400 var(--t1)/1.02 var(--serifa);letter-spacing:-.02em;margin:0 0 24px}h2{font:400 var(--t2)/1.06 var(--serifa);letter-spacing:-.01em;max-width:18ch;margin:0 0 18px}h3{font:400 var(--t3)/1.15 var(--serifa);margin:0 0 10px}.lead{color:var(--texto-2);max-width:54ch;margin:0}.rotulo{font:500 .72rem/20px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3)}.topo{z-index:30;position:relative}.topo-dentro{justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.marca{--logo-h:38px;min-height:44px;transform:translateY(calc(var(--logo-h) * .126));align-items:baseline;gap:12px;text-decoration:none;display:flex}@media (max-width:600px){.marca{--logo-h:32px}}.logo{height:var(--logo-h);aspect-ratio:1564/393;display:block;position:relative}.logo i{position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.l-sombra{background:#05070d;-webkit-mask-image:url(/marca/palavra-sombra.png);mask-image:url(/marca/palavra-sombra.png)}.l-corpo{background:linear-gradient(180deg,color-mix(in srgb,var(--tinta) 78%,#fff) 0%,var(--tinta) 52%,color-mix(in srgb,var(--tinta) 80%,#000) 100%);transition:background .35s;-webkit-mask-image:url(/marca/palavra-corpo.png);mask-image:url(/marca/palavra-corpo.png)}.l-fita{background:#fff3cf;-webkit-mask-image:url(/marca/palavra-fita.png);mask-image:url(/marca/palavra-fita.png)}.logo-studio{font:500 13px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--texto-2);transform:translateY(calc(var(--logo-h) * -.323))}@media (max-width:600px){.logo-studio{font-size:11px}}.topo .logo i{animation:.7s cubic-bezier(.3,.7,.2,1) both logo-pinta}.topo .logo .l-corpo{animation-delay:80ms}.topo .logo .l-fita{animation-delay:.2s}@keyframes logo-pinta{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.nav{align-items:center;gap:6px;display:flex}.nav a{min-height:44px;color:var(--texto-2);border-radius:6px;align-items:center;padding:0 12px;font-size:.95rem;text-decoration:none;display:inline-flex;position:relative}.nav a:hover,.nav a[aria-current=page]{color:var(--texto)}.nav a[aria-current=page]:after{content:"";background:var(--tinta);border-radius:2px;height:2px;position:absolute;bottom:6px;left:12px;right:12px}.nav .botao{min-height:42px;color:var(--tinta-texto);margin-left:8px;padding:0 16px;font-size:.92rem}.nav .botao:hover{color:var(--tinta-texto)}.nav .botao:after{display:none}.menu-botao{border:1px solid var(--linha);background:var(--painel);min-height:44px;color:var(--texto);font:500 .95rem var(--corpo);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 14px;display:none}.menu-botao svg{width:18px;height:18px}@media (max-width:760px){.menu-botao{display:inline-flex}.nav{background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio);flex-direction:column;align-items:stretch;gap:2px;padding:10px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 18px 40px -18px #000000b3}.nav.aberta{display:flex}.nav a{min-height:48px;padding:0 14px}.nav a[aria-current=page]:after{width:22px;bottom:8px;left:14px;right:auto}.nav .botao{justify-content:center;margin:6px 0 0}}.botao{background:var(--tinta);min-height:52px;color:var(--tinta-texto);font:600 1rem var(--corpo);cursor:pointer;box-shadow:0 1px 0 #ffffff40 inset,0 6px 20px -8px color-mix(in srgb,var(--tinta) 70%,transparent);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 22px;text-decoration:none;transition:background .35s,color .35s,transform .15s,box-shadow .2s;display:inline-flex}.botao:hover{transform:translateY(-1px)}.botao:active{transform:translateY(0)scale(.99)}.botao[disabled]{opacity:.5;cursor:not-allowed;transform:none}.botao.vazado{color:var(--texto);box-shadow:0 0 0 1px var(--linha) inset;background:0 0}.botao.vazado:hover{box-shadow:0 0 0 1px var(--texto-3) inset}.botao.pequeno{min-height:42px;padding:0 16px;font-size:.92rem}.link{color:var(--texto);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--tinta) 70%,transparent);text-decoration-color:color-mix(in srgb,var(--tinta) 70%,transparent);text-underline-offset:3px;text-decoration-thickness:2px}.link:hover{-webkit-text-decoration-color:var(--tinta);text-decoration-color:var(--tinta)}.palco{aspect-ratio:1;background-color:var(--chao);background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:50%;background-size:32px 32px;position:relative;box-shadow:inset 0 0 90px #06091073}.palco canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.palco.escuro{box-shadow:none;background-color:#0b0f17;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px)}.palco.claro{background-color:#e9e4d8;background-image:linear-gradient(#191e2b12 1px,#0000 1px),linear-gradient(90deg,#191e2b12 1px,#0000 1px);box-shadow:inset 0 0 90px #3c321e1f}.palco.xadrez{background-color:#cfd3db;background-image:conic-gradient(#aab0bc 25%,transparent 0 50%,#aab0bc 0 75%,transparent 0);box-shadow:none;background-size:24px 24px}.hud{font:400 .74rem var(--mono);color:#f2f3f6d1;letter-spacing:.02em;pointer-events:none;background:#10151f99;border-radius:4px;padding:4px 8px;position:absolute}.hud.a{top:10px;left:10px}.hud.b{bottom:10px;right:10px}.hud.c{bottom:10px;left:10px}.vp{background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio);margin:0;overflow:hidden}.vp-barra{border-bottom:1px solid var(--linha);height:36px;font:400 .78rem var(--mono);color:var(--texto-3);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.vp-barra b{color:var(--texto-2);font-weight:500}.vivo{align-items:center;gap:7px;display:inline-flex}.vivo:before{content:"";background:#7ee08f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #7ee08f26}.inspetor{background:var(--painel);border:1px solid var(--linha);border-radius:var(--raio);padding:6px 0}.insp-titulo{font:500 .72rem/20px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3);padding:8px 14px 6px}.prop{border-top:1px solid #29324a99;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:7px 14px;display:grid}.prop>*{min-width:0}.prop>span,.prop>label{font:400 .82rem var(--mono);color:var(--texto-2)}.seg{background:var(--painel-2);border:1px solid var(--linha);border-radius:7px;flex-wrap:wrap;justify-self:start;gap:4px;padding:3px;display:flex}.seg button{min-width:44px;min-height:38px;color:var(--texto-2);font:500 .92rem var(--corpo);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 12px;transition:background .2s,color .2s}.seg button:hover{color:var(--texto)}.seg button[aria-pressed=true]{background:var(--chao);color:var(--texto);box-shadow:inset 0 1px #ffffff0f}.gotas{flex-wrap:wrap;align-items:center;gap:2px;min-height:40px;display:flex}.gotas button{cursor:pointer;background:0 0;border:0;border-radius:8px;width:40px;height:40px;padding:0;transition:transform .15s,background .2s}.gotas button svg{width:28px;height:28px;margin:auto;display:block}.gotas button[aria-pressed=true]{background:var(--painel-2);box-shadow:0 0 0 1px var(--linha) inset}.gotas button:active{transform:scale(.94)}.gotas input[type=color]{appearance:none;cursor:pointer;background:0 0;border:1px dashed #5d6880;border-radius:50%;width:32px;height:32px;margin-left:4px;padding:3px}.gotas input[type=color]::-webkit-color-swatch-wrapper{padding:0}.gotas input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.gotas input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.gotas .original{width:auto;font:500 .8rem var(--corpo);color:var(--texto-2);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.gotas .original[aria-pressed=true]{color:var(--texto)}.gotas .original i{background:conic-gradient(#e8c26a,#ff8a5c,#f0524f,#b07cf0,#5fc8e8,#8be36a,#e8c26a);border-radius:50%;width:16px;height:16px}.faixa{align-items:center;gap:12px;display:flex}.faixa input[type=range]{width:min(220px,100%);accent-color:var(--tinta);height:30px}.faixa output{font:400 .82rem var(--mono);color:var(--texto-2);min-width:4.5ch}.chave{border:1px solid var(--linha);background:var(--painel-2);min-height:38px;color:var(--texto-2);font:500 .9rem var(--corpo);cursor:pointer;border-radius:7px;justify-self:start;padding:0 12px}.chave[aria-pressed=true]{color:var(--texto);border-color:var(--tinta);box-shadow:0 0 0 1px var(--tinta) inset}section{padding:clamp(72px,10vw,128px) 0;position:relative}.papel{background:var(--papel);color:var(--papel-tinta)}.papel .lead{color:var(--papel-2)}.rasgado{clip-path:polygon(0 18px,5% 6px,11% 16px,18% 2px,26% 13px,34% 4px,42% 15px,51% 3px,60% 14px,68% 2px,77% 15px,85% 5px,93% 16px,100% 6px,100% calc(100% - 14px),94% calc(100% - 3px),86% calc(100% - 15px),78% calc(100% - 4px),69% calc(100% - 16px),60% calc(100% - 2px),51% calc(100% - 13px),42% calc(100% - 3px),33% calc(100% - 15px),24% calc(100% - 5px),15% calc(100% - 16px),7% calc(100% - 4px),0 calc(100% - 15px))}.pintado{isolation:isolate;padding-bottom:.5em;display:inline-block;position:relative}.pintado canvas{z-index:-1;aspect-ratio:1024/180;pointer-events:none;width:110%;height:auto;position:absolute;top:.97em;left:-5%;transform:rotate(2deg)}.pintado .letras{z-index:1;position:relative}.letra{transition:transform .55s cubic-bezier(.2,.9,.25,1.35),color .7s;display:inline-block}.letra.tocada{color:color-mix(in srgb,var(--tinta) 60%,#fff);transition:transform .12s ease-out,color .12s ease-out;transform:translateY(-.07em)rotate(-2deg)}.junto{white-space:nowrap}.estudio-heroi{gap:12px;display:grid}.estudio-heroi>*{min-width:0}.trio{gap:14px;margin-top:40px;display:grid}@media (min-width:760px){.trio{grid-template-columns:repeat(3,1fr)}}.trio figure{margin:0}.trio .palco{border:1px solid var(--linha);border-radius:8px}.trio figcaption{font:400 .82rem var(--mono);color:var(--texto-3);justify-content:space-between;padding:10px 2px 0;display:flex}.trio figcaption b{font:400 1.2rem var(--serifa);color:var(--texto);letter-spacing:0}.codigo{border:1px solid var(--linha);border-radius:var(--raio);background:#0b0f17;margin:26px 0 0;overflow:hidden}.codigo .aba{border-bottom:1px solid var(--linha);gap:0;display:flex}.codigo .aba span,.codigo .aba button{font:400 .76rem var(--mono);color:var(--texto-3);border:0;border-right:1px solid var(--linha);background:0 0;padding:8px 14px}.codigo .aba button{cursor:pointer;min-height:36px}.codigo .aba button[aria-selected=true]{color:var(--texto);background:var(--painel)}.codigo pre{tab-size:2;font:400 .84rem/1.7 var(--mono);color:#d8dde8;margin:0;padding:14px 16px;overflow-x:auto}.codigo .k{color:#8fb4ff}.codigo .s{color:#e3c58a}.codigo .c{color:#6f7a90}.amostra{vertical-align:-1px;background:var(--tinta);border-radius:2px;width:.8em;height:.8em;margin-right:4px;transition:background .35s;display:inline-block}.rodape{border-top:1px solid var(--linha);color:var(--texto-3);margin-top:auto;padding:44px 0 52px;font-size:.92rem}.rodape-grade{gap:28px;display:grid}@media (min-width:820px){.rodape-grade{grid-template-columns:1.4fr 1fr 1fr}}.rodape h2{font:500 .72rem/20px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3);margin:0 0 10px}.rodape ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.rodape li a{min-height:36px;color:var(--texto-2);align-items:center;text-decoration:none;display:inline-flex}.rodape li a:hover{color:var(--texto)}.rodape p{max-width:52ch;margin:4px 0}.rodape .marca{--logo-h:30px;margin-bottom:12px}.js .palavras .p{opacity:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);display:inline-block;transform:translateY(.45em)}.js .palavras.vista .p{opacity:1;transform:none}.js .varre{clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .75s cubic-bezier(.16,1,.3,1)}.js .varre.vista{clip-path:polygon(0 0,140% 0,100% 100%,0 100%)}.js .sobe{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(16px)}.js .sobe.vista{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .palavras .p,.js .sobe{opacity:1;transform:none}.js .varre{clip-path:none}}.entra{animation:.8s cubic-bezier(.2,.7,.2,1) both entra}.entra.d1{animation-delay:50ms}.entra.d2{animation-delay:.15s}.entra.d3{animation-delay:.26s}.entra.d4{animation-delay:.38s}.entra.d5{animation-delay:.5s}@keyframes entra{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}