.profile{position:fixed;z-index:15;top:20px;right:24px;bottom:auto;left:auto;width:auto;padding:4px;border:0;background:transparent;box-shadow:none}
.profile span:not(.avatar){display:none}
.content{padding-right:96px}
.group{padding:0;min-height:260px}
.group-cover{display:block;width:100%;height:150px;object-fit:cover;border-radius:21px 21px 0 0;background:#151719}
.group-cover-empty{display:grid;place-items:center;color:var(--gold);font-size:58px;background:linear-gradient(135deg,#ffc10720,#00bfa610)}
.group-copy{padding:18px 22px 50px}
.group-header{position:relative;min-height:290px;margin-bottom:18px;border-radius:24px;overflow:hidden;background:#202224;display:flex;align-items:flex-end;box-shadow:var(--shadow)}
.group-header:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,#111e 92%)}
.group-header>img,.group-header-empty{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.group-header-empty{display:grid;place-items:center;color:var(--gold);font-size:90px;background:linear-gradient(135deg,#ffc10725,#7e57c225)}
.group-header>div:last-child{position:relative;z-index:1;padding:24px;width:100%}
.group-header h1{margin:14px 0 3px;font-size:32px}.group-header p{margin:0;color:#ddd}

@media(max-width:820px){
  body .side .nav{display:flex;width:100%;height:100%;padding-right:0;overflow:visible;gap:0}
  body .side .nav button{flex:1 1 0;min-width:0;padding:7px 1px;font-size:9px;text-align:center}
  body .profile{position:fixed;top:12px;right:14px;bottom:auto;left:auto;width:auto;height:auto;padding:4px}
  body .content{padding:25px 74px 116px 16px}
}