.h-card {
	display: grid;
	grid-template-areas:
		"header"
		"name"
		"note";
	.p-note, .u-email, .u-impp, .p-gender-identity, .u-url, p.p-name {
		display: none;
	}
	header {
		background-image: url('/header.jpg');
		background-size: cover;
		background-position: center;
		aspect-ratio: 2;
		display: grid;
		place-items: center;
	}
	section {
		padding: 1em;
	}
	.e-note {
		grid-area: note;
		p {
			margin: 1em 0;
			max-width: 55ch;
		}
	}
	.u-photo {
		width: 100px;
		height: 100px;
		background: rgba(0,0,0,0.5);
		padding: 2px;
		border-radius: 100em;
		box-sizing: border-box;
	}
	.u-author {
		display: unset;
		font-weight: 700;
		text-decoration: none;
		color: inherit;
	}
	span.p-nickname {
		color: #555;
		&:before {content: '('}
		&:after {content: ')'}
	}
}