.home-page .hero {
	position: relative;
	overflow: hidden;
}

.home-page .hero::before,
.home-page .hero::after,
.home-page .hero-grid::after {
	position: absolute;
	content: "";
	pointer-events: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.home-page .hero::before {
	top: 54px;
	right: 3.5%;
	width: 118px;
	height: 118px;
	background-image: url("/static/icons/handmade/global-handmade-symbol-svgrepo-com.svg");
	opacity: 0.055;
	transform: rotate(11deg);
}

.home-page .hero::after {
	left: 3.5%;
	bottom: 42px;
	width: 88px;
	height: 88px;
	background-image: url("/static/icons/handmade/checklist-paper-sheet-handmade-symbol-svgrepo-com.svg");
	opacity: 0.045;
	transform: rotate(-9deg);
}

.home-page .hero-grid {
	position: relative;
	z-index: 1;
}

.home-page .hero-grid::after {
	right: -28px;
	bottom: 18px;
	z-index: -1;
	width: 96px;
	height: 96px;
	background-image: url("/static/icons/handmade/paper-plane-handmade-folded-shape-svgrepo-com.svg");
	opacity: 0.065;
	transform: rotate(16deg);
}

.home-page .hero-copy {
	max-width: 650px;
}

.home-page .hero-lead {
	max-width: 560px;
}

.home-page .hero-actions {
	margin-top: 28px;
}

.home-page .hero-footnote {
	margin-top: 18px;
	font-size: 12px;
	font-weight: 600;
	opacity: 0.46;
}

.home-page .nia-wall-surface {
	background: rgba(232, 236, 228, 0.42);
}

.home-page .nia-board-kicker {
	font-size: 12px;
	opacity: 0.62;
}

.home-page .nia-live {
	font-size: 12px;
	opacity: 0.72;
}

.home-page .nia-live i {
	width: 6px;
	height: 6px;
}

.home-page .nia-column-title {
	font-size: 12px;
	opacity: 0.72;
}

.home-page .nia-column-title span {
	font-size: 15px;
}

.home-page .nia-task strong {
	font-size: 17px;
	line-height: 1.08;
}

.home-page .nia-task small {
	font-size: 11px;
	line-height: 1.28;
	color: #596157;
}

.home-page .nia-task img {
	width: 21px;
	height: 21px;
	opacity: 0.54;
}

.home-page .task-doodle {
	font-size: 22px;
	opacity: 0.76;
}

.home-page .task-check {
	font-size: 27px;
	opacity: 0.8;
}

.home-page .nia-wall-footer {
	font-size: 11px;
	opacity: 0.58;
}

@media (max-width: 1180px) {
	.home-page .hero::before {
		right: 1.5%;
		width: 92px;
		height: 92px;
	}

	.home-page .hero-grid::after {
		right: 6px;
		width: 78px;
		height: 78px;
	}
}

@media (max-width: 1050px) {
	.home-page .hero::before {
		top: 34px;
		right: 4%;
	}

	.home-page .hero::after {
		left: auto;
		right: 7%;
		bottom: 28px;
	}

	.home-page .hero-grid::after {
		display: none;
	}
}

@media (max-width: 720px) {
	.home-page .hero::before {
		width: 66px;
		height: 66px;
		opacity: 0.045;
	}

	.home-page .hero::after {
		width: 58px;
		height: 58px;
		opacity: 0.035;
	}

	.home-page .hero-footnote {
		display: none;
	}

	.home-page .nia-board-kicker,
	.home-page .nia-live,
	.home-page .nia-column-title {
		opacity: 0.78;
	}
}