.autor{box-sizing:border-box;width:min(36rem,calc(100vw - 2rem));max-height:calc(100svh - 2rem);margin:auto;padding:0;border:1.5px solid var(--tinta);background:var(--papel);color:var(--tinta);overflow:auto;overscroll-behavior:contain}
.autor::backdrop{background:rgb(1 5 8/.58)}
.autor[open]{animation:aut-entra .34s var(--ease) both}
.autor[open]::backdrop{animation:aut-fundo .34s ease both}
@keyframes aut-entra{from{opacity:0;transform:translateY(1.25rem)}}
@keyframes aut-fundo{from{opacity:0}}
.aut-in{padding:clamp(1.5rem,4vw,2.25rem)}
.aut-fechar{all:unset;box-sizing:border-box;position:absolute;top:.75rem;right:.75rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;cursor:pointer;border:1.5px solid var(--tinta);background:var(--papel);transition:background-color .2s var(--ease)}
.aut-fechar:hover{background:var(--ciano)}
.aut-fechar:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}
.aut-fechar svg{width:1rem;height:1rem;stroke:var(--tinta);stroke-width:1.75;fill:none}
.aut-topo{display:flex;align-items:flex-end;gap:1.25rem;padding-right:2.75rem}
.aut-foto{flex:none;width:7.5rem;height:7.5rem;background:var(--superficie);overflow:hidden;display:grid;place-items:center;font:800 2.5rem/1 var(--f-nome);color:var(--tinta)}
.aut-foto img{width:100%;height:100%;object-fit:cover;display:block}
.aut-id{min-width:0}
.aut-nome{margin:0;font:800 clamp(1.9rem,5vw,2.5rem)/.95 var(--f-nome);letter-spacing:-.005em;text-wrap:balance}
.aut-cargo{margin:.5rem 0 0;font:500 1rem/1.25 var(--f-texto);color:var(--cinza)}
.aut-bio{margin:1.5rem 0 0;font:400 1rem/1.55 var(--f-texto);max-width:60ch}
.aut-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:1.5rem 0 0;padding:1.1rem 0 0;border-top:1.5px solid var(--tinta);list-style:none}
.aut-links a{font:500 1rem/1.2 var(--f-texto);text-underline-offset:.28em;text-decoration-thickness:.1rem}
.aut-links a:hover{text-decoration-thickness:.18rem}
@media (max-width:640px){
  .autor{width:100vw;max-width:100vw;margin:auto 0 0;max-height:88svh;border-width:1.5px 0 0}
  .autor[open]{animation-name:aut-sobe}
  @keyframes aut-sobe{from{transform:translateY(100%)}}
  .aut-foto{width:5.75rem;height:5.75rem;font-size:2rem}
}
@media (prefers-reduced-motion:reduce){.autor[open],.autor[open]::backdrop{animation:none}}