.brand-mark{position:relative;background:#6c4cff;box-shadow:0 7px 18px rgba(108,76,255,.28);border-radius:11px;transform:rotate(-7deg);overflow:hidden}
.brand-mark::before{content:"";position:absolute;inset:6px;background:#24d4cf;border-radius:7px;transform:rotate(13deg)}
.brand-mark i{position:relative;z-index:2;width:10px;height:10px;background:#ffb51b;border-radius:3px;transform:rotate(-6deg);box-shadow:0 1px 5px rgba(6,27,56,.2)}
.community-visual img{aspect-ratio:1.88/1;object-fit:cover}
@media(max-width:650px){.brand-mark{width:34px;height:34px}.community-visual img{aspect-ratio:1.45/1;object-position:center}}