.hero{background:var(--accent);border-radius:25px;color:var(--on-accent);padding:25px;position:relative;overflow:hidden;min-height:214px}
.hero:before,.hero:after{content:'';position:absolute;border:1px solid var(--decoration);border-radius:50%;width:230px;height:230px;right:-90px;top:-70px}
.hero:after{width:180px;height:180px;right:-30px;top:90px}
.hero .eyebrow{color:var(--lime)}
.hero h2{font-size:29px;max-width:230px;line-height:1.2}
.hero p{color:var(--on-accent-soft);font-size:12px;max-width:210px;margin-top:10px}
.hero-art{position:absolute;right:18px;bottom:23px;transform:rotate(-12deg);font-size:66px}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:23px 0}
.quick a{text-align:center;font-size:11px;color:var(--muted)}
.quick span{display:grid;place-items:center;width:53px;height:53px;background:var(--soft);border-radius:18px;margin:0 auto 8px;color:var(--accent)}
.quick a:nth-child(2) span{background:var(--soft);color:var(--muted)}
.quick a:nth-child(3) span{background:var(--soft);color:var(--muted)}
.quick a:nth-child(4) span{background:var(--soft);color:var(--muted)}
.community{background:var(--soft);border-radius:22px;padding:21px;margin-top:23px;display:flex;align-items:center;gap:15px}
.community h3{font-size:16px}
.community p{font-size:11px;color:var(--muted)}
.community .primary{background:var(--accent);color:var(--on-accent);margin-top:11px;padding:9px 12px}
.people{display:flex;gap:0;margin-top:13px}
.people span{border:2px solid var(--soft);border-radius:50%;width:28px;height:28px;background:var(--soft);margin-right:-6px;font-size:13px;display:grid;place-items:center}
.people small{margin-left:13px;align-self:center;font-size:10px;color:var(--muted)}