*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6}
a{color:inherit}ul{list-style:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}
[hidden]{display:none!important}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
.rv.in{opacity:1;transform:none}

/* Vídeos: o formato (16:9 ou 9:16) vem da classe .vert, inclusive nos espaços reservados */
.media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b0b0e}
.vert .media{aspect-ratio:9/16}
.media img,.media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.thumb{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;cursor:pointer;padding:0}
.play{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%}
.play::after{content:"";position:absolute;left:23px;top:18px;border-left:18px solid currentColor;border-top:12px solid transparent;border-bottom:12px solid transparent}
.media.empty{display:grid;place-items:center;text-align:center;padding:1rem}
.av img,[data-avatar] img{width:100%;height:100%;object-fit:cover}
.ct>svg,.big>svg{width:1.4em;height:1.4em;flex:none}
.ct em svg{width:1.1em;height:1.1em}
.ct span{display:block;flex:1;min-width:0}
.ct strong,.ct small{display:block}
.ct small{overflow-wrap:anywhere}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}