/*-----------------------------------------------------------------*/
/* ARCHIVES
/*-----------------------------------------------------------------*/

.loop__empty
{
	font-weight: var(--font-weight__bold);
	font-style: italic;

	display: block;

	margin: 100px 0 40px;

	text-align: center;

	color: rgb(var(--color__red));
}

/* ARTICLE
----------------------------------------- */
.loop_article
{
	display: grid;

	margin-bottom: 50px;

	grid-gap: 60px 30px;
	grid-template-columns: 1fr 1fr 1fr;
}

.loop_article .loop__item_article
{
	display: flex;
	overflow: hidden;
	flex-direction: column;

	color: rgb(var(--color__purple-dark));
	border-radius: 16px;
	background: rgb(var(--color__white));
	box-shadow: 4px 15px 70px 0 rgba(var(--color__dark-shadow-4), 0.1);
}

.loop_article .article__image
{
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0 0 16px;

	border-radius: 16px;
	box-shadow: 4px 15px 70px 0 rgba(var(--color__dark-shadow-4), 0.3), -36px 15px 157px 0 rgba(var(--color__dark-shadow-2), 0.08);
}

.loop_article .article__image img
{
	width: 100%;
	height: auto;
}

.loop_article .article__title
{
	margin: 0 0 4px;
}

.loop_article .article__title a
{
	color: rgb(var(--color__black-light));
}

.loop_article .article__title a:hover
{
	text-decoration: none;
}

.loop_article .article__info
{
	display: flex;
	align-items: center;
	flex-wrap: nowrap;

	margin-bottom: 20px;
	padding: 0 20px 16px;

	border-bottom: 1px solid rgba(var(--color__purple-dark), 0.07);

	gap: 12px;
}

.loop_article .article__info a
{
	flex: 0 0 40px;
}

.loop_article .article__author-avatar
{
	overflow: hidden;

	border-radius: 50%;
}

.loop_article .article__excerpt
{
	font-size: 1.4rem;
	line-height: 2.2rem;
}

.loop_article .article__date
{
	font-size: 1rem;

	position: relative;
	top: 1px;

	padding-left: 2px;

	text-transform: uppercase;

	color: rgb(var(--color__purple));
}

.loop_article .article__content
{
	margin: 0;
	padding: 0 20px 20px 20px;

	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.loop_article .article__content > :last-child
{
	margin-bottom: 0;
}

.loop_article .article__more
{
	font-weight: var(--font-weight__medium);

	display: block;

	margin-top: auto;
	padding: 10px 26px;

	text-align: center;
	text-decoration: none;
	text-transform: uppercase;

	color: rgb(var(--color__pink));
	border-top: 1px solid rgba(var(--color__purple-dark), 0.07);
}

.loop_article .article__more:hover
{
	color: rgb(var(--color__purple-dark));
}

.loop_article .article__info-inner
{
	flex: 1 1 auto;
}

.loop_article .article__info-inner .row
{
	gap: 5px;
}

.loop_article .article__author-name
{
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	justify-content: space-between;

	gap: 4px;
}

@media (max-width: 960px)
{
	.loop_article
	{
		justify-content: center;

		grid-gap: 20px;
		grid-template-columns: minmax(auto, 510px);
	}
	.loop_article .article__author-avatar
	{
		width: 40px;
		height: 40px;
	}
	.loop_article .article__excerpt
	{
		padding: 0;
	}
}

@media (min-width: 961px)
{
	.loop_article .article__info
	{
		padding: 0 26px 16px;
	}
	.loop_article .article__content
	{
		padding: 0 29px 30px 26px;
	}
	.loop_article .article__excerpt
	{
		font-size: 1.6rem;
		line-height: 2.8rem;
	}
	.loop_article .article__author-name-wrap
	{
		line-height: 1.4rem;
	}
	.loop_article .article__author-name
	{
		font-size: 1.4rem;

		margin-bottom: 10px;
	}
	.loop_article .article__date
	{
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	.loop_article .article__info a
	{
		flex: 0 0 45px;
	}
}

@media (min-width: 1061px)
{
	.loop_article .article__info
	{
		gap: 16px;
	}
}

/* ARTICLE CATEGORIES
----------------------------------------- */
.article__categories .nav_categories
{
	font-weight: var(--font-weight__medium);

	display: flex;
	align-items: center;

	text-transform: uppercase;

	gap: 6px;
}
.article__categories .cat-item
{
	font-size: 1rem;
	line-height: 1rem;

	color: rgb(var(--color__purple-dark));
}
.article__categories .cat-item:hover
{
	text-decoration: solid underline transparent;
}

@media (min-width: 961px)
{
	.article__categories .cat-item
	{
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
}

/* ARTICLE NAV
----------------------------------------- */
.nav_blog
{
	margin-bottom: 20px;

	text-transform: uppercase;
}

.nav_blog .blog-menu
{
	gap: 10px 18px;
}

.nav_blog .menu-item a
{
	color: rgb(var(--color__purple-light));
	text-shadow: 4px 4px 59px rgb(var(--color__purple-gradient-5)), -36px 15px 157px rgba(var(--color__dark-shadow-2), 0.8);
}

.nav_blog .current-menu-item a
{
	color: rgb(var(--color__pink));
}

.nav_blog .menu-item a:hover
{
	text-decoration: solid underline transparent;
}

@media (min-width: 961px)
{
	.nav_blog
	{
		font-size: var(--font-size__h3-blog);

		margin-bottom: 40px;
	}
	.nav_blog .blog-menu
	{
		gap: 28px;
	}
}

/* BLOG TAGS
----------------------------------------- */
.blog__tags
{
	font-size: var(--font-size__small);
	line-height: 1.8rem;

	margin-bottom: 60px;
	padding-top: 36px;

	text-align: center;

	border-top: 1px solid rgba(var(--color__white), 0.07);
}

.blog__tags .nav_tags ul
{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;

	gap: 12px;
}

.blog__tags .nav_tags a
{
	display: block;

	padding: 4px 12px;

	text-decoration: none;

	color: rgb(var(--color__white));
	border: 1px solid rgba(var(--color__white), 0.3);
	border-radius: 4px;
}

.blog__tags .nav_tags a.active-tag
{
	color: rgb(var(--color__pink));
}

.blog__tags .nav_tags a:hover
{
	color: rgb(var(--color__purple));
}

/* REFERENCE
----------------------------------------- */
.loop_reference
{
	margin-bottom: 120px;
}

.loop-item_reference
{
	position: relative;

	text-align: center;
}

.loop-item__frame
{
	position: relative;
	z-index: 1;

	max-width: 468px;
	margin: 0 auto;
}

.loop-item_reference::before
{
	position: absolute;
	top: 50%;
	left: 50%;

	width: 761px;
	height: 417px;

	content: '';
	-webkit-transform: translate(-50%, -35%);
	        transform: translate(-50%, -35%);

	background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg width=\'761\' height=\'417\' viewBox=\'0 0 761 417\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'%3e%3cdefs%3e%3cellipse id=\'b\' cx=\'277.246753\' cy=\'136.822646\' rx=\'277.246753\' ry=\'111.558559\'/%3e%3cellipse id=\'d\' cx=\'296.5\' cy=\'104.414414\' rx=\'296.5\' ry=\'104.414414\'/%3e%3cfilter x=\'-22.9%25\' y=\'-56%25\' width=\'145.8%25\' height=\'213.8%25\' filterUnits=\'objectBoundingBox\' id=\'a\'%3e%3cfeOffset dy=\'2\' in=\'SourceAlpha\' result=\'shadowOffsetOuter1\'/%3e%3cfeGaussianBlur stdDeviation=\'42\' in=\'shadowOffsetOuter1\' result=\'shadowBlurOuter1\'/%3e%3cfeColorMatrix values=\'0 0 0 0 0.22745098 0 0 0 0 0.560656141 0 0 0 0 0.964705882 0 0 0 1 0\' in=\'shadowBlurOuter1\'/%3e%3c/filter%3e%3cfilter x=\'-21.4%25\' y=\'-59.9%25\' width=\'142.8%25\' height=\'221.6%25\' filterUnits=\'objectBoundingBox\' id=\'c\'%3e%3cfeOffset dy=\'2\' in=\'SourceAlpha\' result=\'shadowOffsetOuter1\'/%3e%3cfeGaussianBlur stdDeviation=\'42\' in=\'shadowOffsetOuter1\' result=\'shadowBlurOuter1\'/%3e%3cfeColorMatrix values=\'0 0 0 0 0.22745098 0 0 0 0 0.560656141 0 0 0 0 0.964705882 0 0 0 1 0\' in=\'shadowBlurOuter1\'/%3e%3c/filter%3e%3c/defs%3e%3cg fill=\'%23000\' fill-rule=\'evenodd\'%3e%3cuse filter=\'url(%23a)\' xlink:href=\'%23b\' opacity=\'.06469727\' transform=\'translate(84 82.618796)\'/%3e%3cuse filter=\'url(%23c)\' xlink:href=\'%23d\' opacity=\'.1124907\' transform=\'translate(84 82.618796)\'/%3e%3c/g%3e%3c/svg%3e');
}

.loop-item_reference::after
{
	position: absolute;
	top: 50%;
	left: 50%;

	width: 718px;
	height: 710px;

	content: '';
	transition: opacity 0.3s;
	-webkit-transform: translate(-50%, -60%);
	        transform: translate(-50%, -60%);
	pointer-events: none;

	opacity: 0;
	background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg width=\'718\' height=\'710\' viewBox=\'0 0 718 710\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'%3e%3cdefs%3e%3cellipse id=\'b\' cx=\'277.246753\' cy=\'273\' rx=\'277.246753\' ry=\'273\'/%3e%3cfilter x=\'-22.9%25\' y=\'-22.9%25\' width=\'145.8%25\' height=\'146.5%25\' filterUnits=\'objectBoundingBox\' id=\'a\'%3e%3cfeOffset dy=\'2\' in=\'SourceAlpha\' result=\'shadowOffsetOuter1\'/%3e%3cfeGaussianBlur stdDeviation=\'42\' in=\'shadowOffsetOuter1\' result=\'shadowBlurOuter1\'/%3e%3cfeColorMatrix values=\'0 0 0 0 0.22745098 0 0 0 0 0.560656141 0 0 0 0 0.964705882 0 0 0 1 0\' in=\'shadowBlurOuter1\'/%3e%3c/filter%3e%3c/defs%3e%3cuse filter=\'url(%23a)\' xlink:href=\'%23b\' transform=\'translate(82 80)\' fill=\'%23000\' fill-rule=\'evenodd\' opacity=\'.1124907\'/%3e%3c/svg%3e');
}

.loop-item_reference:hover::after
{
	opacity: 1;
}

.loop-item_reference .loop-item__scroll
{
	position: absolute;
	top: 17%;
	right: 12%;
	bottom: 17%;
	left: 12%;
	overflow: scroll;
	cursor: ns-resize;
}

.loop-item_reference .loop-item__scroll::-webkit-scrollbar
{
	display: none;
}

.loop-item_reference .loop-item__web
{
	z-index: 1;

	margin-inline: auto;
}

.loop-item_reference .loop-item__box
{
	position: relative;
	z-index: 2;

	pointer-events: none;

	margin-inline: auto;
}

.loop-item_reference .loop-item__title
{
	font-size: clamp(2.4rem, 2.8vw, 2.6rem);
	font-weight: var(--font-weight__medium);

	position: relative;
}

.loop-item_reference .loop-item__title::before
{
	position: absolute;
	top: 50%;
	left: 50%;

	width: 252px;
	height: 64px;

	content: '';
	-webkit-transform: translate(-50%, -30%);
	        transform: translate(-50%, -30%);

	opacity: 0;
	background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg width=\'252\' height=\'64\' viewBox=\'0 0 252 64\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'%3e%3cdefs%3e%3cfilter x=\'-1800%25\' y=\'-18.9%25\' width=\'3700%25\' height=\'137.9%25\' filterUnits=\'objectBoundingBox\' id=\'a\'%3e%3cfeGaussianBlur stdDeviation=\'2\' in=\'SourceGraphic\'/%3e%3c/filter%3e%3cfilter x=\'-2550%25\' y=\'-26.8%25\' width=\'5200%25\' height=\'153.7%25\' filterUnits=\'objectBoundingBox\' id=\'b\'%3e%3cfeMorphology radius=\'5\' operator=\'dilate\' in=\'SourceAlpha\' result=\'shadowSpreadOuter1\'/%3e%3cfeOffset in=\'shadowSpreadOuter1\' result=\'shadowOffsetOuter1\'/%3e%3cfeGaussianBlur stdDeviation=\'10\' in=\'shadowOffsetOuter1\' result=\'shadowBlurOuter1\'/%3e%3cfeComposite in=\'shadowBlurOuter1\' in2=\'SourceAlpha\' operator=\'out\' result=\'shadowBlurOuter1\'/%3e%3cfeColorMatrix values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 1 0\' in=\'shadowBlurOuter1\' result=\'shadowMatrixOuter1\'/%3e%3cfeMorphology radius=\'1\' operator=\'dilate\' in=\'SourceAlpha\' result=\'shadowSpreadOuter2\'/%3e%3cfeOffset in=\'shadowSpreadOuter2\' result=\'shadowOffsetOuter2\'/%3e%3cfeGaussianBlur stdDeviation=\'5\' in=\'shadowOffsetOuter2\' result=\'shadowBlurOuter2\'/%3e%3cfeComposite in=\'shadowBlurOuter2\' in2=\'SourceAlpha\' operator=\'out\' result=\'shadowBlurOuter2\'/%3e%3cfeColorMatrix values=\'0 0 0 0 0 0 0 0 0 0.483333333 0 0 0 0 1 0 0 0 1 0\' in=\'shadowBlurOuter2\' result=\'shadowMatrixOuter2\'/%3e%3cfeMerge%3e%3cfeMergeNode in=\'shadowMatrixOuter1\'/%3e%3cfeMergeNode in=\'shadowMatrixOuter2\'/%3e%3c/feMerge%3e%3c/filter%3e%3cpath id=\'c\' d=\'M278 374h2v190h-2z\'/%3e%3c/defs%3e%3cg style=\'mix-blend-mode:normal\' filter=\'url(%23a)\' transform=\'rotate(90 421 174)\' fill-rule=\'nonzero\' fill=\'none\' opacity=\'.13201904\'%3e%3cuse fill=\'%23000\' filter=\'url(%23b)\' xlink:href=\'%23c\'/%3e%3cpath stroke=\'%2309F\' stroke-width=\'4\' stroke-linejoin=\'square\' fill-opacity=\'.00803615\' fill=\'%23A1E0FF\' fill-rule=\'evenodd\' d=\'M280 376h1v186h-1z\'/%3e%3c/g%3e%3c/svg%3e');
}

.loop-item_reference:hover .loop-item__title::before
{
	opacity: 1;
}

.loop-item_reference .loop-item__title a
{
	position: relative;
	z-index: 1;

	text-decoration: none;

	color: rgb(var(--color__white));
}

.loop-item_reference .loop-item__title a:hover
{
	color: rgb(var(--color__pink));
}

@media (min-width: 761px)
{
	.hp-references
	{
		padding-inline: 0;
	}
	.loop_reference
	{
		display: grid;

		margin-bottom: 120px;

		gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 961px)
{
	.loop_reference
	{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1251px)
{
	.loop_reference
	{
		gap: 100px;
	}
}

/* REFERENCE LOGOS */
.references-logos
{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;

	margin-bottom: 60px;

	gap: 36px;
}

.references-logos img
{
	mix-blend-mode: luminosity;
}

@media (min-width: 761px)
{
	.references-logos
	{
		margin-bottom: 160px;
	}
}

@media (min-width: 961px)
{
	.references-logos
	{
		gap: 80px;
	}
}

/* LOOP SEARCH
----------------------------------------- */
.loop_search + .pagination
{
	margin-bottom: 60px;
}

.loop_search .loop__item_search
{
	font-size: 1.4rem;
	line-height: 2.2rem;

	margin-bottom: 20px;

	color: rgba(var(--color__purple-dark));
	border-radius: 16px;
	background: rgb(var(--color__white));
}

.loop_search .loop__item-image
{
	border-radius: 16px;
	box-shadow: 4px 15px 70px 0 rgba(var(--color__dark-shadow-4), 0.3), -36px 15px 157px 0 rgba(var(--color__dark-shadow-2), 0.08);

	object-fit: cover;
}

.loop_search .loop__item-info
{
	display: flex;
	flex-direction: column;

	padding: 20px 20px 0;
}

.loop_search .loop__item-info h2
{
	line-height: 3.3rem;

	margin-bottom: 7px;
}

.loop_search .loop__item-info p
{
	margin-bottom: 20px;
}

.loop_search .loop__item-info a
{
	text-decoration: none;
}

.loop_search .loop__item-more
{
	font-weight: var(--font-weight__medium);

	display: block;

	margin-top: auto;
	margin-right: -20px;
	margin-left: -20px;
	padding: 12px 20px;

	text-align: center;
	letter-spacing: 0.04px;
	text-transform: uppercase;

	color: rgba(var(--color__pink));
	border-top: 1px solid rgba(var(--color__purple-dark), 0.07);
}

.loop_search .loop__item-more:hover
{
	color: rgb(var(--color__purple-dark));
}

@media (max-width: 760px)
{
	.loop_search .loop__item_search
	{
		max-width: 370px;

		margin-inline: auto;
	}
}

@media (min-width: 761px)
{
	.loop_search + .pagination
	{
		margin-bottom: 120px;
	}
	.loop_search .loop__item_search
	{
		font-size: 1.6rem;
		line-height: 2.8rem;

		margin-bottom: 36px;
	}
	.loop_search .loop__item-wrapper
	{
		display: flex;
	}
	.loop_search .loop__item-info
	{
		padding: 31px 31px 0 29px;
	}
	.loop_search .loop__item-info p
	{
		margin-bottom: 27px;
	}
	.loop_search .loop__item-more
	{
		margin-right: -31px;
		margin-left: -29px;
		padding: 12px 29px;

		text-align: left;
	}
}