.org-hero {
	padding: 40px 20px;
	background: radial-gradient(1200px 400px at center top, rgba(180,40,40,.15), transparent 60%), linear-gradient(180deg, #0f0f0f, #0b0b0b);
	text-align: center;
}

	.org-hero h1 {
		font-size: 38px;
		font-weight: 900;
		letter-spacing: 1px;
		margin-bottom: 18px;
		color: #fff;
	}

	.org-hero p {
		max-width: 760px;
		margin: 0 auto;
		font-size: 16px;
		line-height: 1.7;
		color: #aaa;
	}

@media (max-width: 768px) {
	.org-hero {
		padding: 60px 16px 55px;
	}

		.org-hero h1 {
			font-size: 32px;
		}

		.org-hero p {
			font-size: 15px;
		}
}

.org-list {
	padding: 32px 20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	background: #0b0b0b;
}

	.org-list > a {
		background: #0f0f0f;
		color: white;
		display: flex;
		flex-direction: column;
		align-items: center;
		border: 1px solid #1c1c1c;
		text-decoration: none;
		transition: 250ms ease;
	}

		.org-list > a:hover {
			transform: translateY(-6px);
			border-color: rgba(200,60,60,.6);
			box-shadow: 0 10px 30px rgba(0,0,0,.8), 0 0 0 1px rgba(200,60,60,.15);
		}

		.org-list > a > h2 {
			width: 100%;
			text-align: center;
			font-size: 17px;
			padding: 12px 8px;
			background: #141414;
			border-bottom: 1px solid #1f1f1f;
		}

		.org-list > a > div {
			width: 100%;
			display: flex;
			align-items: center;
			padding: 1rem;
			background: #0f0f0f;
		}

			.org-list > a > div > img {
				width: 72px;
				height: 72px;
				margin-right: 18px;
				object-fit: contain;
				border-radius: 50%;
				background: linear-gradient(180deg, #1f1f1f, #121212);
				filter: drop-shadow(0 2px 6px rgba(0,0,0,.6));
			}

			.org-list > a > div > ul {
				list-style: none;
				margin: 0;
				padding: 0;
				width: 100%;
				display: flex;
				flex-direction: column;
				gap: 8px;
			}

				.org-list > a > div > ul > li {
					display: flex;
					align-items: center;
					gap: 10px;
					padding: 10px 12px;
					background: #141414;
					border: 1px solid #1f1f1f;
					font-size: 13px;
					color: #ddd;
				}

					.org-list > a > div > ul > li i.icon {
						width: 16px;
						height: 16px;
						background-color: #827d78;
					}

					.org-list > a > div > ul > li span:first-of-type {
						font-size: 11px;
						font-weight: bold;
						color: white;
					}

					.org-list > a > div > ul > li span:last-of-type {
						margin-left: auto;
						font-weight: 800;
						font-size: 14px;
						color: #fff;
					}

@media (max-width: 1200px) {
	.org-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.org-list {
		grid-template-columns: 1fr;
		padding: 40px 16px;
	}

		.org-list > a {
			padding: 22px;
		}

			.org-list > a strong {
				font-size: 18px;
			}

		.org-list b {
			font-size: 20px;
		}
}
.org-footer-note {
	padding: 48px 20px;
	background: linear-gradient(180deg, #0b0b0b, #0a0a0a);
	text-align: center;
	border-top: 1px solid #1a1a1a;
}

	.org-footer-note p {
		margin: 0 auto;
		font-size: 13px;
		color: #827d78;
	}