/* Follow us page */
.shero{background:var(--dark);color:#efe9da;position:relative;overflow:hidden;padding-block:clamp(70px,10vw,130px);text-align:center}
.shero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 0%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 70%)}
.shero .wrap{position:relative}
.shero h1{font-family:var(--display);font-weight:400;font-size:clamp(44px,7vw,96px);line-height:1;margin:0 0 18px;color:#fff;text-wrap:balance}
.shero h1 em{font-style:italic}
.shero p{max-width:56ch;margin:0 auto;color:#c9c0ab;font-size:17px;font-weight:300}
.total{display:inline-flex;align-items:baseline;gap:14px;margin-top:40px;padding:14px 28px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent)}
.total b{font-family:var(--display);font-weight:400;font-size:44px;color:#fff;line-height:1}
.total span{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px}
.chips a{display:inline-flex;align-items:center;gap:8px;color:#efe9da;text-decoration:none;border:1px solid rgba(255,255,255,.22);padding:9px 16px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;transition:border-color .3s,color .3s}
.chips a:hover{border-color:var(--gold);color:var(--gold)}
.chips svg,.pf-head svg{width:18px;height:18px}
.pfs{padding-block:clamp(56px,8vw,100px);display:grid;gap:clamp(56px,7vw,90px)}
.pf{display:grid;grid-template-columns:300px 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.pf-head{position:sticky;top:110px;display:grid;gap:12px}
.pf-name{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.pf-head h2{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.4vw,32px);margin:0;line-height:1.15;overflow-wrap:anywhere}
.pf-count{display:flex;align-items:baseline;gap:10px;padding-block:14px;border-block:1px solid var(--line)}
.pf-count b{font-family:var(--display);font-weight:400;font-size:40px;line-height:1}
.pf-count span{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.pf-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.pf-live i{width:7px;height:7px;border-radius:50%;background:#2fa36b;box-shadow:0 0 0 0 rgba(47,163,107,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(47,163,107,0)}100%{box-shadow:0 0 0 0 rgba(47,163,107,0)}}
.posts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.post{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--surface);display:block;color:#fff;text-decoration:none}
.post.yt{aspect-ratio:16/10}
.posts.yt{grid-template-columns:repeat(2,1fr)}
.post img,.post video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.post:hover img,.post:hover video{transform:scale(1.05)}
.post::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,9,7,.7),transparent 55%);opacity:0;transition:opacity .4s}
.post:hover::after,.post:focus-visible::after{opacity:1}
.post .cap{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;font-size:13px;line-height:1.4;opacity:0;transform:translateY(8px);transition:all .4s var(--ease);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post:hover .cap,.post:focus-visible .cap{opacity:1;transform:none}
.post .ico{position:absolute;top:12px;right:12px;z-index:2;width:30px;height:30px;border-radius:50%;background:rgba(14,13,11,.45);display:grid;place-items:center;backdrop-filter:blur(4px)}
.post .ico span{width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px}
.post.empty{display:grid;place-items:center;border:1px dashed var(--line);background:var(--bg);color:var(--muted);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
@media (max-width:900px){.pf{grid-template-columns:1fr}.pf-head{position:static}}
@media (max-width:640px){.posts,.posts.yt{grid-template-columns:repeat(2,1fr);gap:8px}.post .cap{opacity:1;transform:none;font-size:12px}.post::after{opacity:1}}
.post.empty.wide{grid-column:1/-1;aspect-ratio:auto;min-height:180px;letter-spacing:.16em}