/* página Sobre: a história da ComunidadeMC */
.sb-hero{padding:40px 0 10px;background:linear-gradient(180deg,rgba(232,131,42,.14),transparent 70%)}
.sb-hero-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.sb-hero-txt{display:grid;gap:14px}
.sb-hero h1{font:400 clamp(30px,5vw,52px)/1.08 var(--f-mc);margin:0;text-wrap:balance;text-shadow:3px 3px 0 #000}
.sb-hero p{color:var(--ash);font-size:1.1rem;max-width:62ch;margin:0}
.sb-raposa{width:clamp(120px,22vw,220px);height:auto;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.45))}
.sb-num{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.sb-num li{background:var(--bark);box-shadow:inset 0 0 0 2px var(--edge);padding:14px 16px;display:grid;gap:4px}
.sb-num b{font:400 26px/1 var(--f-mc);color:var(--fox-hi)}
.sb-num span{color:var(--ash);font-size:.92rem}

/* linha do tempo */
.sb-tl{list-style:none;margin:0;padding:0 0 0 30px;position:relative;display:grid;gap:14px;max-width:820px}
.sb-tl::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:6px;background:repeating-linear-gradient(180deg,var(--fox) 0 12px,var(--fox-deep) 12px 24px);box-shadow:0 0 0 2px #000}
.sb-ano{margin:12px 0 0 -30px}
.sb-ano span{display:inline-block;background:var(--fox);color:var(--fox-ink);font:400 22px/1 var(--f-mc);padding:8px 12px 6px;box-shadow:0 0 0 2px #000,4px 4px 0 var(--fox-deep);position:relative}
.sb-ev{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;background:var(--bark);box-shadow:inset 0 0 0 2px var(--edge);padding:14px 16px;position:relative}
.sb-ev::before{content:"";position:absolute;left:-25px;top:22px;width:14px;height:14px;background:var(--snow);box-shadow:0 0 0 2px #000}
.sb-ev.destaque{box-shadow:inset 0 0 0 3px var(--fox)}
.sb-ev.destaque::before{background:var(--gold)}
.sb-ev time{font:700 14px var(--f-mc);color:var(--fox-hi)}
.sb-ev h3{margin:4px 0 6px;font-size:1.15rem}
.sb-ev p{margin:0;color:var(--ash);line-height:1.6}
.sb-ev a{color:var(--fox-hi)}

/* barra de XP dos seguidores */
.sb-xp{padding:22px 22px 18px}
.sb-xpl{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:12px}
.sb-xpl li{display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center}
.sb-xpl b{grid-row:1/3;font:400 22px/1 var(--f-mc);color:var(--snow)}
.sb-xpl span{grid-column:2;color:var(--ash);font-size:.9rem;order:2}
.sb-xpl li::after{content:"";grid-column:2;grid-row:1;height:14px;width:var(--p);background:linear-gradient(180deg,#a6f05a,#5bc236 60%,#3c8f22);box-shadow:0 0 0 2px #000,inset 0 -3px 0 rgba(0,0,0,.25)}
.sb-xpl li.ouro::after{background:linear-gradient(180deg,#ffe36b,#f2b81c 60%,#c48a07)}
.sb-xpl li.ouro b{color:var(--gold)}
.sb-redes{margin-top:14px}
.sb-rede{padding:16px 18px;display:grid;gap:4px;color:inherit;text-decoration:none}
.sb-rede b{font:400 22px var(--f-mc);color:var(--fox-hi)}
.sb-rede span{color:var(--ash)}
.sb-rede:hover{box-shadow:inset 0 0 0 3px var(--fox)}

/* posts */
.sb-post{padding:20px;display:grid;gap:6px;align-content:start;color:inherit;text-decoration:none}
.sb-post:hover{box-shadow:inset 0 0 0 3px var(--fox)}
.sb-post.ouro{box-shadow:inset 0 0 0 3px var(--gold)}
.sb-big{font:400 40px/1 var(--f-mc);color:var(--fox-hi);text-shadow:3px 3px 0 #000}
.sb-post.ouro .sb-big{color:var(--gold)}
.sb-post h3{margin:6px 0 0}
.sb-post p{margin:0;color:var(--ash)}
.sb-mais{padding:18px 20px;margin-top:14px}
.sb-mais h3{margin:0 0 8px}
.sb-mais ul{margin:0;padding-left:1.2em;display:grid;gap:6px;color:var(--ash)}

/* projetos */
.sb-proj{display:grid;grid-template-rows:auto 1fr;color:inherit;text-decoration:none;overflow:hidden}
.sb-proj:hover{box-shadow:inset 0 0 0 3px var(--fox)}
.sb-proj>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.sb-proj-ic{display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,rgba(232,131,42,.18),rgba(0,0,0,.25))}
.sb-proj-ic .slot{transform:scale(1.6)}
.sb-proj>div:last-child{padding:14px 16px}
.sb-proj h3{margin:0 0 4px}
.sb-proj p{margin:0;color:var(--ash)}

/* fim */
.sb-cta{display:flex;gap:22px;align-items:center;padding:24px;flex-wrap:wrap}
.sb-cta h2{margin:0 0 8px}
.sb-cta p{color:var(--ash);max-width:62ch;margin:0 0 14px}

@media (max-width:640px){
  .sb-hero-in{grid-template-columns:1fr}
  .sb-raposa{justify-self:center;order:-1;width:120px}
  .sb-xpl li{grid-template-columns:72px minmax(0,1fr)}
  .sb-xpl b{font-size:18px}
}
.sb-g3{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.sb-xpl li{grid-template-columns:118px minmax(0,1fr)}
.sb-xpl b{white-space:nowrap}
@media (max-width:640px){.sb-xpl li{grid-template-columns:84px minmax(0,1fr)}}