.bio{width:100%;max-width:420px;min-height:100dvh;padding:0 0 max(40px, env(safe-area-inset-bottom));flex-direction:column;gap:28px;margin:0 auto;display:flex}.bio a{color:inherit;text-decoration:none}.bio a:focus-visible{outline:1px solid var(--laranja);outline-offset:2px}.bio-heroi{padding:44px 28px 0}.bio-heroi-faixa{border-radius:var(--raio-card);height:216px}.bio-heroi-faixa .faixa-campos>i:first-child{--w:58%}.bio-heroi-faixa .faixa-campos>i:nth-child(2){--w:42%}.bio-heroi-faixa .faixa-quarto{height:46%}.bio-heroi-faixa .faixa-disco{height:70%;bottom:-20%;right:52%}.bio-retrato{height:252px;right:28px}.bio-heroi-logo{font-size:26px;position:absolute;bottom:28px;left:52px}.bio-quem{flex-direction:column;gap:10px;padding:0 28px;display:flex}.bio-nome{letter-spacing:-.025em;color:var(--texto);font-size:30px;line-height:1.06}.bio-handle{font-size:12px}.bio-tagline{color:var(--texto);margin:8px 0 0;font-size:15px;line-height:1.55}.bio-sub{color:var(--texto-suave);margin:0;font-size:13px;line-height:1.55}.bio-redes{gap:12px;padding:0 28px;display:flex}.bio-rede{border:1px solid var(--hairline-forte);border-radius:var(--raio-pill);width:44px;height:44px;color:var(--texto);justify-content:center;align-items:center;transition:border-color .14s ease-out,color .14s ease-out;display:flex}.bio-rede:hover,.bio-rede:active{border-color:var(--laranja);color:var(--laranja)}.bio-banners{flex-direction:column;gap:14px;padding:0 28px;display:flex}.bio-banner{background:var(--palco);border:1px solid var(--hairline);border-radius:var(--raio-card);grid-template-columns:1fr 124px;transition:border-color .14s ease-out;display:grid;overflow:hidden}.bio-banner:hover,.bio-banner:active{border-color:var(--hairline-forte)}.bio-banner-conteudo{flex-direction:column;gap:8px;padding:22px;display:flex}.bio-kicker{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--texto-suave);font-size:10px;font-weight:500}.bio-banner-titulo{letter-spacing:-.025em;color:var(--texto);font-size:26px;line-height:1.06}.bio-banner-corpo{color:var(--texto-suave);margin:0;font-size:12.5px;line-height:1.55}.bio-banner-cta{letter-spacing:.14em;text-transform:uppercase;color:var(--laranja);margin-top:6px;font-size:11px;transition:color .14s ease-out}.bio-banner:hover .bio-banner-cta,.bio-banner:active .bio-banner-cta{color:var(--texto)}.bio-banner--newsletter .faixa-campos>i:first-child{--w:36%}.bio-banner--newsletter .faixa-campos>i:nth-child(2){--w:64%}.bio-banner--newsletter .faixa-quarto{border-radius:0 100% 0 0;height:44%;top:auto;bottom:0}.bio-banner--newsletter .faixa-disco{background:var(--azul);height:64%;top:-22%;bottom:auto;right:-18%}.bio-banner--consultoria .faixa-campos>i:first-child{--w:40%}.bio-banner--consultoria .faixa-campos>i:nth-child(2){--w:60%}.bio-banner--consultoria .faixa-quarto{border-radius:0 0 0 100%;height:40%;left:auto;right:0}.bio-banner--consultoria .faixa-disco{background:var(--verde);height:60%;bottom:-18%;left:-20%;right:auto}@media (hover:hover){.bio-banner-painel{opacity:.65;transition:opacity .14s ease-out}.bio-banner:hover .bio-banner-painel,.bio-banner:focus-visible .bio-banner-painel{opacity:1}}.bio-rodape{justify-content:space-between;align-items:center;padding:0 28px;display:flex}.bio-rodape .assinatura{color:var(--texto-suave);gap:10px;font-size:12px}.bio-rodape .logo-d{font-size:20px}.bio-rodape-direita{align-items:baseline;gap:16px;font-size:11px;display:flex}.bio-priv{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-3);font-weight:500;transition:color .14s ease-out}.bio-priv:hover{color:var(--texto)}@media (min-width:720px){.bio{max-width:640px}.bio-heroi{padding:56px 40px 0}.bio-heroi-faixa{height:248px}.bio-retrato{height:288px;right:40px}.bio-heroi-logo{left:64px}.bio-quem,.bio-redes,.bio-banners,.bio-rodape{padding:0 40px}.bio-nome{font-size:34px}.bio-banner{grid-template-columns:1fr 148px}}@media (max-width:379px){.bio-heroi{padding:44px 20px 0}.bio-retrato{right:20px}.bio-heroi-logo{left:44px}.bio-quem,.bio-redes,.bio-banners,.bio-rodape{padding:0 20px}.bio-banner{grid-template-columns:1fr 96px}}@media (prefers-reduced-motion:reduce){.bio a,.bio .bio-banner-cta,.bio .bio-banner-painel{transition:none}}