.main > .container-fluid {
	 display: flex;
	 flex-direction: row-reverse;
	 padding: calc(var(--header_h) + 1rem) 1rem 1rem;
}
 @media (max-width: 991px) {
	 .main > .container-fluid {
		 flex-direction: column;
		 padding: 0;
		 //height: 100vh;
	}
}
 .main a img.label, .main label img.label {
	 height: 0.8em;
	 filter: brightness(0) saturate(100%) invert(51%) sepia(8%) saturate(68%) hue-rotate(328deg) brightness(91%) contrast(87%);
	 transition: all var(--duration) var(--animate);
}
 .main a:hover img.label, .main label:hover img.label, .main a:active img.label, .main label:active img.label, .main a:focus img.label, .main label:focus img.label {
	 filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(4deg) brightness(110%) contrast(101%);
}
 .main .page {
	 flex: 2;
}
 @media (max-width: 992px) {
	 .main .page {
		 padding: calc(var(--header_h) + 1rem) 1rem 1rem;
	}
}
 .main .page .page-container {
	 display: grid;
	 grid-template-columns: repeat(6, 1fr);
	 gap: var(--padding);
}
 @media (max-width: 2560px) {
	 .main .page .page-container {
		 grid-template-columns: repeat(5, 1fr);
	}
}
 @media (max-width: 1920px) {
	 .main .page .page-container {
		 grid-template-columns: repeat(4, 1fr);
	}
}
 @media (max-width: 1440px) {
	 .main .page .page-container {
		 grid-template-columns: repeat(3, 1fr);
	}
}
 @media (max-width: 992px) {
	 .main .page .page-container {
		 grid-template-columns: repeat(2, 1fr);
	}
}
 @media (max-width: 576px) {
	 .main .page .page-container {
		 grid-template-columns: repeat(1, 1fr);
	}
}
 .main .page .page-container.page-about {
	 display: none;
	 grid-template-columns: auto;
}
 .main .page .page-container article {
	display: flex;
	 position: relative;
	 float: left;
	 aspect-ratio: 1 / 1;
	 background-color: var(--vl-dark1);
	 //transition: all var(--duration) ease-out;
}
 .main .page .page-container article .article-img {
	 position: absolute;
	 object-fit: cover;
}
 .main .page .page-container article .article-img img {
	 position: relative;
	 transition: all var(--duration) ease-out;
}
 .main .page .page-container article a {
	 position: relative;
	 background-color: #1d1d1d33;
	 transition: all var(--duration) var(--animate);
}
@media (max-width: 992px) {
	.main .page .page-container article a {
	 background-color: #1d1d1d44;
	}
}
 .main .page .page-container article.contact a {
	 cursor: crosshair;
}
 .main .page .page-container article.contact a span {
	 color: var(--vl-color3);
	 transition: all var(--duration) var(--animate);
}
 .main .page .page-container article.contact a:hover span {
	 color: #fff;
}
 .main .page .page-container article.contact a:hover span img {
	 filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(4deg) brightness(110%) contrast(101%);
}
 .main .page .page-container article.about {
	 aspect-ratio: inherit;
}
 .main .page .page-container article.about .d-grid {
	 grid-template-columns: 1fr 5fr;
}
 @media (max-width: 2560px) {
	 .main .page .page-container article.about .d-grid {
		 grid-template-columns: 1fr 4fr;
	}
}
 @media (max-width: 1920px) {
	 .main .page .page-container article.about .d-grid {
		 grid-template-columns: 1fr 3fr;
	}
}
 @media (max-width: 1440px) {
	 .main .page .page-container article.about .d-grid {
		 grid-template-columns: 1fr 2fr;
	}
}
 @media (max-width: 992px) {
	 .main .page .page-container article.about .d-grid {
		 grid-template-columns: 1fr;
	}
}
 .main .page .page-container article.about .d-grid .work-hist .d-flex:last-child .exp_detail::after {
	 border: 0;
}
 .main .page .page-container article.about .d-grid .work-hist .d-flex .exp_detail {
	 position: relative;
	 line-height: 1;
}
 .main .page .page-container article.about .d-grid .work-hist .d-flex .exp_detail::before {
	 content: "";
	 background-color: #fff;
	 border-radius: 50%;
	 width: 6px;
	 height: 6px;
	 position: absolute;
	 top: 10px;
	 left: 0;
}
 .main .page .page-container article.about .d-grid .work-hist .d-flex .exp_detail::after {
	 content: "";
	 border-right: 1px solid rgba(255, 255, 255, .2);
	 width: 1px;
	 position: absolute;
	 top: 30px;
	 left: 2px;
	 bottom: 0;
}
 .main .page .page-container article.about .d-grid .work-hist .d-flex .exp_detail .job_detail {
	 margin-bottom: 2rem;
}
.main .page .page-container article:not(.fixed) a div {
	transition: all var(--duration) var(--animate);
	 opacity: 0;
}
 .main .page .page-container article:not(.fixed):hover {
	 background-size: 105%;
}
 .main .page .page-container article:not(.fixed):hover .article-img img {
	 transform: scale(1.03);
}
@media (max-width: 992px) {
	.main .page .page-container article:not(.fixed):hover .article-img img {
		transform: initial;
	}
}
 .main .page .page-container article:not(.fixed):hover a {
	 background-color: #1d1d1de3;
	 box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.7);
}
@media (max-width: 992px) {
	.main .page .page-container article:not(.fixed):hover a {
	 box-shadow: inset 0px 0px 150px rgba(0, 0, 0, 0.8);
	}
}
.main .page .page-container article:not(.fixed):hover a div {
	opacity: 1;
}
 .main .page .btn-top {
	 position: fixed;
	 bottom: 0;
	 padding-bottom: 0.5rem;
}
 .main .page .btn-top a {
	 padding: 0.5rem 1rem;
	 box-shadow: 0 0 5px #000;
}