.hero{position:relative}
.hero.has-cover{justify-content:flex-start;padding:46px 0 90px}
.profile-cover{width:100%;height:clamp(230px,28vw,390px);border-radius:30px;overflow:hidden;margin-bottom:-48px;background:var(--surface);position:relative}
.profile-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,var(--bg))}
.profile-cover img{width:100%;height:100%;object-fit:cover;display:block}
.avatar{overflow:hidden;position:relative;z-index:1}
.avatar img{width:100%;height:100%;object-fit:cover;transform:rotate(4deg) scale(1.08)}
.hero.has-cover .avatar{margin-inline-start:30px;border:6px solid var(--bg)}
body.journal .profile-cover{border-radius:0}
body.index .profile-cover{border-radius:8px}
@media(max-width:700px){.hero.has-cover{padding:25px 0 70px}.profile-cover{height:210px;margin-bottom:-36px;border-radius:20px}.hero.has-cover .avatar{margin-inline-start:18px;border-width:4px}}