/* Axio color-3 archive presentation, scoped to the Niki V2 service archives. */
.archive-service.section-main { min-height: 100vh; height: auto; overflow: visible; background: #1c1c1c; }
.archive-service > .container-fluid,
.archive-service > .container-fluid > .row { min-height: 100vh; }
.archive-service > .container-fluid,
.archive-service > .container-fluid > .row { height: auto; }
.archive-service > .container-fluid > .row { align-items: stretch; }
.archive-service .section-main__intro { position: relative; display: block; align-items: initial; justify-content: initial; min-height: 100vh; height: auto; overflow: visible; padding: 0; background: #1c1c1c; }
.archive-service .section-main__intro > .works { position: relative; inset: auto; z-index: 4; width: 100%; height: auto; min-height: 100vh; overflow: visible; padding: 0; border: 1px solid rgb(255 255 255 / 42%); border-radius: 0; background: rgb(255 255 255 / 16%); box-shadow: 0 2rem 6rem rgb(20 15 45 / 28%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.archive-service .intro__media { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.archive-service .intro__category-background { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; color: rgb(255 255 255 / 19%); }
.archive-service .intro__category-background img { width: 100%; height: 100%; max-width: none; object-fit: cover; opacity: .26; filter: saturate(.8); }
.archive-service .intro__category-background i { font-size: min(85vw, 90rem); opacity: .2; }
.archive-service .works__scroll { position: relative; inset: auto; z-index: 1; height: auto; overflow: visible; padding: 3rem; scrollbar-width: auto; }
.archive-service .content-block > .intro__headline { position: relative; inset: auto; z-index: 2; width: 100%; padding: 0 1rem 2rem; text-align: right; transform: none; }
.archive-service .color-layer-dark { position: absolute; inset: 0; background: rgb(45 5 53 / 55%); }
.archive-service .intro__headline { padding-top: 16rem; }
.archive-service .clip .words-wrapper { display: inline-flex; gap: 1rem; }
.archive-service .clip .words-wrapper b { position: static; font-weight: inherit; }
.archive-service .headline__title { font-family: Peyda, sans-serif; }
.archive-service .intro__headline .headline__title { font-size: clamp(2.4rem, 3.5vw, 4rem); line-height: 1.25; }
.archive-service .section-main__aside { min-height: 100vh; padding: 40px 0 3rem; background: #1c1c1c; }
.archive-service__aside.section-main__aside { position: sticky; top: 80px; right: auto; bottom: auto; z-index: 20; flex: 0 0 25%; width: 25%; height: max-content; max-height: none; min-height: 0; align-self: flex-start; overflow: visible; }
.archive-service__aside .aside__content { position: relative; top: auto; transform: none; }
.archive-service__aside.section-main__aside {
	padding: 2rem 1.6rem 3rem;
	background: transparent;
}
.archive-service .archive-service__aside:not(.portfolio-single__aside) .aside__content {
	margin-bottom: 1.6rem;
	padding: 2rem;
	border: 1px solid rgb(255 255 255 / 10%);
	border-radius: 1.8rem;
	background: linear-gradient(155deg, rgb(50 42 61 / 94%), rgb(35 32 42 / 96%));
	box-shadow: 0 1.2rem 3rem rgb(0 0 0 / 20%), inset 0 1px 0 rgb(255 255 255 / 6%);
}
.archive-service__aside .archive-service__category-logo {
	gap: .8rem;
	border-bottom: 0;
	text-align: center;
}
.archive-service__aside .archive-service__category-logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 8rem;
	height: 8rem;
	padding: 1.2rem;
	border: 1px solid rgb(255 255 255 / 14%);
	border-radius: 1.6rem;
	background: rgb(255 255 255 / 6%);
}
.archive-service__aside .archive-service__category-logo .custom-logo {
	max-height: 100%;
}
.archive-service__aside .aside__title {
	margin: 0 0 1.4rem;
	font-size: 1.8rem;
	font-weight: 700;
}
.archive-service__aside .archive-service__category-logo > .aside__title {
	margin: .4rem 0 0;
}
.archive-service__aside .archive-service__filters {
	margin-top: 0;
}
.archive-service__aside .archive-service__filter-list li {
	margin: 0;
	padding: 0;
	border: 0;
}
.archive-service__aside .archive-service__filter-list a {
	display: flex;
	align-items: center;
	min-height: 4.4rem;
	padding: .9rem 1rem;
	border: 1px solid transparent;
	border-radius: .9rem;
	color: rgb(245 245 245 / 82%);
	transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.archive-service__aside .archive-service__filter-list a:hover,
.archive-service__aside .archive-service__filter-list a:focus-visible {
	border-color: rgb(31 184 179 / 22%);
	background: rgb(31 184 179 / 10%);
	color: #65d5cf;
	transform: translateX(-2px);
}
.archive-service .archive-service__aside .article-search {
	margin: 0 0 2rem;
}
.archive-service .archive-service__aside .article-search > label {
	display: block;
	margin-bottom: .8rem;
	font-size: 1.4rem;
	font-weight: 600;
}
.archive-service .archive-service__aside .article-search__field {
	display: flex;
	gap: .6rem;
	padding: .5rem;
	border: 1px solid rgb(255 255 255 / 14%);
	border-radius: 1rem;
	background: rgb(0 0 0 / 14%);
}
.archive-service .archive-service__aside .article-search__field input[type="search"] {
	min-width: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}
.archive-service .archive-service__aside .article-search__field button {
	flex: 0 0 4rem;
	min-height: 4rem;
	border: 0;
	border-radius: .8rem;
	background: #1fb8b3;
	color: #fff;
}
.archive-service .archive-service__aside .article-search__field input[type="hidden"] {
	display: none;
}
.portfolio-single .archive-service__aside .aside__meta {
	margin-top: 1.6rem;
	padding: 1.2rem 1.4rem;
	border: 1px solid rgb(255 255 255 / 10%);
	border-radius: 1rem;
	background: rgb(255 255 255 / 5%);
}
.portfolio-single .archive-service__aside .portfolio-order {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid rgb(255 255 255 / 14%);
}
.archive-service .intro__header { position: fixed !important; inset: 0 0 auto; z-index: 9999 !important; width: 100%; background: linear-gradient(135deg, rgb(128 93 182 / 52%), rgb(28 28 28 / 72%)) !important; -webkit-backdrop-filter: blur(25px) saturate(200%) !important; backdrop-filter: blur(25px) saturate(200%) !important; border: 0 !important; box-shadow: 0 8px 32px rgb(31 38 135 / 20%), inset 0 1px 0 rgb(255 255 255 / 25%) !important; transform: translateY(0) !important; }
.archive-service .intro__header.scrolled { background: linear-gradient(135deg, rgb(128 93 182 / 52%), rgb(28 28 28 / 72%)) !important; -webkit-backdrop-filter: blur(30px) saturate(200%) !important; backdrop-filter: blur(30px) saturate(200%) !important; }
.archive-service .intro__header.scrolled { transform: translateY(0) !important; }
.archive-service .intro__header .desktop-nav .main-menu > li > a { color: rgb(0 0 0 / 75%); }
.archive-service .works__scroll > .container-fluid { position: relative; z-index: 1; }
.archive-service .aside__content { padding: 2rem 3rem; }
.archive-service .aside__title { color: #fff; }
.archive-service .archive-service__category-logo { display: flex; flex-direction: column; align-items: center; text-align: center; border-bottom: 1px solid rgb(255 255 255 / 30%); }
.archive-service .archive-service__category-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: clamp(9rem, 12vw, 15rem); height: clamp(9rem, 12vw, 15rem); margin: 0 auto 2rem; overflow: hidden;font-size: clamp(4rem, 5vw, 6rem); }
.archive-service .archive-service__category-icon > i { font-size: inherit; line-height: 1; }
.archive-service .archive-service__category-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.archive-service .archive-service__category-logo > .aside__title { margin: 0 0 1rem; }
.archive-service .archive-service__filters { margin-top: 2rem; max-height: none; overflow: visible; }
.archive-service .archive-service__filter-list { margin: 0; padding: 0; list-style: none; }
.archive-service .archive-service__filter-list li { margin: 2rem 0 1rem; padding: 0 0 1rem; border-bottom: 1px solid rgb(255 255 255 / 24%); }
.archive-service .archive-service__filter-list li:last-child { margin-bottom: 0; }
.archive-service .archive-service__filter-list a { display: block; color: #fff; text-decoration: none; transition: color .2s ease; }
.archive-service .archive-service__filter-list a:hover,
.archive-service .archive-service__filter-list a:focus-visible { color: #1fb8b3; }
.archive-service .button-solid-light { border-color: #805db6; background: #805db6; color: #fff; }
.archive-service .section-inner { min-height: 0; padding: 0; }
.archive-service .section-inner__content { position: relative; }
.archive-service .section-inner__controls { padding: 0 3rem; }
.archive-service .section-inner__blocks { padding-top: 2rem; }
.archive-service .content-block { padding-right: 3rem; padding-left: 3rem; }
.archive-service .content-block.grid-block { padding-right: 1.5rem; padding-left: 1.5rem; }
.archive-service .inner__title { color: #070707; }
.archive-service .my-gallery__item { position: relative; height: 34rem; margin: 0 1.2rem 3rem; width: calc(100% - 2.4rem); max-width: calc(100% - 2.4rem); overflow: hidden; border: 1px solid rgb(255 255 255 / 24%); border-radius: 2rem; background: #25212f; box-shadow: 0 1.2rem 3.2rem rgb(0 0 0 / 24%); }
.archive-service .works-link { position: absolute; inset: 0; display: block; overflow: hidden; background: linear-gradient(145deg, rgb(255 255 255 / 16%), rgb(28 28 28 / 45%)); }
.archive-service .works-image { display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; transition: transform .45s ease; }
.archive-service .works-image--empty { background: linear-gradient(135deg, rgb(128 93 182 / 52%), rgb(28 28 28 / 72%)); }
.archive-service .my-gallery__descr { position: absolute; inset: auto 0 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 15rem; padding: 1.8rem 1.5rem; overflow: hidden; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #fff; transform: translateY(0); transition: background-color .4s ease; }
.archive-service .my-gallery__item:hover .my-gallery__descr,
.archive-service .my-gallery__item:focus-within .my-gallery__descr { background: rgb(0 0 0 / 40%); }
.archive-service .my-gallery__item:hover .works-image { transform: scale(1.05); }
.archive-service .my-gallery__descr h4,
.archive-service .my-gallery__descr h2,
.archive-service .my-gallery__descr p { width: 100%; margin: .5rem 0; color: #fff; text-align: center; text-shadow: 0 2px 5px rgb(0 0 0 / 85%); }
.archive-service .my-gallery__descr h4 { font-size: 1.8rem; font-weight: 700; }
.archive-service .my-gallery__descr h2 { font-size: 1.8rem; font-weight: 700; }
.archive-service .my-gallery__descr p { font-size: 1.4rem; }
.archive-service .archive-service__post-link { display: inline-block; margin-top: .8rem; padding: .6rem 1.4rem; border: 1px solid #1fb8b3; border-radius: 2rem; background: #1fb8b3; color: #fff; }
.archive-service .archive-service__post-link:hover { border-color: #1fb8b3; background: #1fb8b3; color: #fff; }
.archive-service .pagination { display: flex; justify-content: center; gap: 1rem; margin: 3rem 0; }
.archive-service__footer { padding: 3rem 1.5rem; background: #1c1c1c; color: #fff; text-align: center; }
.archive-service__footer p { margin: .5rem 0; }
.archive-service__footer-logo { margin-bottom: 1.5rem; }
.portfolio-single .works__scroll { max-width: 1100px; margin-inline: auto; }
.portfolio-single .intro__headline { padding-bottom: 2.5rem; }
.portfolio-single .headline__subtitle { display: inline-block; margin: 0 0 1.4rem; padding: .45rem 1rem; border-right: 3px solid #1fb8b3; background: rgb(255 255 255 / 5%); color: #1fb8b3; font-size: 1.35rem; }
.portfolio-single .headline__title { max-width: 90rem; margin: 0 0 1.5rem; color: #fff; font-size: clamp(3rem, 5vw, 5.6rem); line-height: 1.35; }
.portfolio-single .headline__description { max-width: 75rem; color: rgb(255 255 255 / 72%); font-size: 1.6rem; line-height: 1.9; }
.portfolio-single__media { position: relative; z-index: 2; margin: 0 3rem 3rem; overflow: hidden; border: 1px solid rgb(255 255 255 / 12%); border-radius: .4rem; background: #111; }
.portfolio-single__media img,
.portfolio-single__media video { display: block; width: 100%; height: auto; max-height: 75vh; object-fit: contain; }
.portfolio-single__media-empty { min-height: 30rem; display: grid; place-items: center; color: #fff; }
.portfolio-single__body { position: relative; z-index: 2; margin: 0 3rem 5rem; padding: 1rem 0 3rem; border-top: 1px solid rgb(255 255 255 / 16%); color: rgb(255 255 255 / 82%); font-size: 1.7rem; line-height: 2.05; }
.portfolio-single__body > * { max-width: 78rem; }
.article-single.section-main { overflow: visible; }
.article-single > .container-fluid,
.article-single > .container-fluid > .row { min-height: 0; height: auto; }
.article-single .section-main__intro,
.article-single .section-main__aside { height: auto; min-height: 100%; overflow: visible; }
.article-single .article-sidebar { position: relative; top: auto; bottom: auto; max-height: none; align-self: stretch; }
.article-single .article-sidebar .aside__content { position: sticky; top: 9rem; max-height: calc(100vh - 10rem); overflow-y: auto; scrollbar-width: thin; }
.article-single + .niki-footer { position: relative; z-index: 1; clear: both; }
.article-archive__grid { display: flex; flex-wrap: wrap; gap: 0; margin: 0 1.2rem 3rem; }
.article-archive__grid .article-archive__item { min-width: 0; }
.article-archive__grid .article-archive__item { width: calc(100% - 2.4rem); max-width: calc(100% - 2.4rem); }
.article-archive__grid .article-archive__item .my-gallery__descr { align-items: flex-start; }
.article-archive__grid .article-archive__item .my-gallery__descr h2,
.article-archive__grid .article-archive__item .my-gallery__descr h2 a { width: 100%; margin: .5rem 0; color: #fff; font-size: 1.8rem; line-height: 1.6; text-align: right; text-decoration: none; }
.article-archive__grid .article-archive__item .my-gallery__descr p { color: #fff; text-align: right; }
.article-archive__grid .article-archive__date { color: rgb(255 255 255 / 78%); font-size: 1.25rem; }
.article-archive__all a { display: block; padding: .8rem 1rem; border: 1px solid rgb(255 255 255 / 12%); border-radius: .8rem; color: #fff; text-decoration: none; }
.article-archive .pagination { display: flex; justify-content: center; gap: 1rem; margin: 2rem 3rem 4rem; }
.article-archive__grid > .article-archive__item { flex: 0 0 100%; width: 100%; max-width: 100%; min-width: 0; }
.article-archive .pagination .page-numbers { padding: .7rem 1.1rem; border: 1px solid rgb(255 255 255 / 15%); border-radius: .8rem; color: #fff; }
.article-archive .pagination .page-numbers.current { border-color: #1fb8b3; background: #1fb8b3; }
.article-archive .intro__headline { padding-bottom: 2rem; }
.portfolio-single__body h2, .portfolio-single__body h3, .portfolio-single__body h4 { margin: 2.8rem 0 1.2rem; color: #fff; line-height: 1.5; }
.portfolio-single__body h2 { font-size: 2.8rem; }
.portfolio-single__body h3 { font-size: 2.2rem; }
.portfolio-single__body p, .portfolio-single__body ul, .portfolio-single__body ol { margin-bottom: 1.8rem; }
.portfolio-single__body a { color: #1fb8b3; text-decoration: underline; text-underline-offset: .3rem; }
.portfolio-single__body blockquote { margin: 2.5rem 0; padding: .5rem 2rem; border-right: 3px solid #805db6; color: #fff; }
.portfolio-single__body img { max-width: 100%; height: auto; }
.portfolio-single__aside .aside__content { padding: 2rem; }
.portfolio-single .portfolio-single__aside .aside__content { padding-inline: clamp(2rem, 3vw, 4.5rem) clamp(3rem, 4vw, 5.5rem); }
.portfolio-single__aside .button { display: inline-block; margin-bottom: 2rem; }
.portfolio-single__aside .aside__title { margin-top: 1rem; }
.portfolio-single__aside .archive-service__filter-list li { border-bottom: 1px solid rgb(255 255 255 / 12%); }
.article-single .portfolio-single__body { font-size: 1.8rem; }
.article-single .portfolio-single__body h2[id], .article-single .portfolio-single__body h3[id] { scroll-margin-top: 10rem; }
.article-single .article-tags { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin: 0 3rem 4rem; color: rgb(255 255 255 / 72%); }
.article-single .article-tags a, .article-sidebar__tags a { padding: .5rem 1rem; border: 1px solid rgb(255 255 255 / 18%); color: inherit; text-decoration: none; }
.article-single .article-tags a:hover, .article-sidebar__tags a:hover { border-color: #1fb8b3; color: #1fb8b3; }
.article-related, .article-comments { margin: 0 3rem 5rem; padding-top: 2.5rem; border-top: 1px solid rgb(255 255 255 / 16%); }
.article-section-heading > p { margin-bottom: .5rem; color: #1fb8b3; font-size: 1.4rem; }
.article-section-heading h2, .article-comments > h2 { margin: 0 0 2rem; color: #fff; font-size: 2.8rem; }
.article-related__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.6rem; }
.article-card { overflow: hidden; border: 1px solid rgb(255 255 255 / 12%); background: rgb(255 255 255 / 3%); }
.article-card__image { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #292929; }
.article-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.article-card__image:hover img { transform: scale(1.03); }
.article-card__placeholder { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #292929, #38313f); }
.article-card__content { padding: 1.5rem; }
.article-card__content time, .article-card__content h3 { display: block; margin-bottom: 1rem; color: rgb(255 255 255 / 65%); font-size: 1.3rem; }
.article-card__content h3 { min-height: 4.8rem; color: #fff; font-size: 1.7rem; line-height: 1.6; }
.article-card__content h3 a { color: inherit; text-decoration: none; }
.article-card__more { color: #1fb8b3; font-size: 1.4rem; }
.article-search { margin-bottom: 3rem; }
.article-search > label { display: block; margin-bottom: 1rem; color: #fff; font-size: 1.7rem; }
.article-search__field { display: flex; border: 1px solid rgb(255 255 255 / 22%); }
.article-search__field input[type="search"] { min-width: 0; width: 100%; padding: 1rem; border: 0; background: transparent; color: #fff; }
.article-search__field button { padding: 0 1.2rem; border: 0; background: #1fb8b3; color: #fff; }
.article-sidebar__tags { display: flex; flex-wrap: wrap; gap: .7rem; margin-bottom: 3rem; }
.article-sidebar__recent ul { margin: 0 0 2.5rem; padding: 0; list-style: none; }
.article-sidebar__recent li { border-bottom: 1px solid rgb(255 255 255 / 12%); }
.article-sidebar__recent li a { display: flex; align-items: center; gap: 1rem; padding: 1rem 0; color: #fff; text-decoration: none; }
.article-sidebar__recent li img { width: 5.5rem; height: 5.5rem; object-fit: cover; }
.article-sidebar__recent li span { line-height: 1.6; }
.article-sidebar__recent li small { display: block; color: rgb(255 255 255 / 60%); }
.article-comments .comment-list { margin: 0 0 3rem; padding: 0; list-style: none; }
.article-comments .comment-body, .article-comments .comment-respond { padding: 2rem; border: 1px solid rgb(255 255 255 / 14%); color: #fff; }
.article-comments .comment { margin-bottom: 1.5rem; }
.article-comments .comment-meta, .article-comments .comment-form { color: rgb(255 255 255 / 78%); }
.article-comments a { color: #1fb8b3; }
.article-comments input:not([type="submit"]), .article-comments textarea { width: 100%; padding: 1rem; border: 1px solid rgb(255 255 255 / 20%); background: #242424; color: #fff; }
.article-comments input[type="submit"] { padding: 1rem 2rem; border: 0; background: #1fb8b3; color: #fff; }
.portfolio-single .portfolio-single__layout { direction: ltr; }
.portfolio-single .portfolio-single__layout > .section-main__intro,
.portfolio-single .portfolio-single__layout > .portfolio-single__aside { direction: rtl; }
.portfolio-single .portfolio-single__layout > .section-main__intro { order: 2; }
.portfolio-single .portfolio-single__layout > .portfolio-single__aside { order: 1; }
.portfolio-single .portfolio-single__layout { align-items: flex-start; }
.portfolio-single .portfolio-single__aside { position: relative; top: auto; bottom: auto; height: auto; max-height: none; min-height: 0; align-self: flex-start; overflow: visible; }
.portfolio-single .portfolio-single__aside .aside__content { position: relative; top: auto; max-height: none; overflow: visible; }
.portfolio-single .portfolio-order { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid rgb(255 255 255 / 16%); }
.portfolio-single .portfolio-order > p { color: rgb(255 255 255 / 72%); line-height: 1.8; }
.portfolio-single .portfolio-order__form { margin-top: 1.8rem; padding: 2rem; border: 1px solid rgb(255 255 255 / 18%); border-radius: 1.4rem; background: linear-gradient(135deg, rgb(128 93 182 / 30%), rgb(28 28 28 / 72%)); font-family: Peyda, Arial, sans-serif; }
.portfolio-single .portfolio-order__form label { display: block; margin: 1rem 0 .5rem; color: #fff; }
.portfolio-single .portfolio-order__form input, .portfolio-single .portfolio-order__form textarea { display: block; width: 100%; margin-top: .6rem; padding: 1.1rem 1.3rem; border: 1px solid rgb(255 255 255 / 24%); border-radius: .8rem; background: rgb(28 28 28 / 75%); color: #fff; font: inherit; }
.portfolio-single .portfolio-order__form input:focus, .portfolio-single .portfolio-order__form textarea:focus { border-color: #1fb8b3; outline: 2px solid rgb(31 184 179 / 25%); }
.portfolio-single .portfolio-order__form button.button { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 4.6rem; margin-top: 1.4rem; padding: .9rem 2.2rem; border: 1px solid #1fb8b3; border-radius: 3rem; background: #1fb8b3; color: #fff; font: 600 1.6rem Peyda, Arial, sans-serif; }
.portfolio-single .portfolio-order__form button.button:hover, .portfolio-single .portfolio-order__form button.button:focus-visible { border-color: #805db6; background: #805db6; color: #fff; }
.portfolio-order__notice { margin-top: 1rem; color: #1fb8b3; }
@media (min-width: 1200px) {
	.portfolio-single .portfolio-single__layout > .section-main__intro { flex: 0 0 75%; width: 75%; }
	.portfolio-single .portfolio-single__layout > .portfolio-single__aside { flex: 0 0 25%; width: 25%; }
}
@media (max-width: 1199.98px) { .portfolio-single .portfolio-single__aside .aside__content { position: relative; top: auto; max-height: none; overflow: visible; } }
@media (min-width: 1200px) { .article-single .article-sidebar { order: 1; } .article-single .section-main__intro { order: 2; } }
@media (max-width: 767.98px) {
	.article-archive__grid { margin-inline: 0; }
	.article-archive .pagination { margin-inline: 1.5rem; }
	.portfolio-single .intro__headline { padding: 10rem 1.5rem 2rem; }
	.portfolio-single .portfolio-single__media { margin: 0 1.5rem 2.5rem; border-radius: .25rem; }
	.portfolio-single .portfolio-single__body { margin: 0 1.5rem 3rem; font-size: 1.6rem; }
	.portfolio-single .portfolio-single__aside .aside__content { padding: 1.5rem 2rem; }
	.article-single .article-related, .article-single .article-comments, .article-single .article-tags { margin-right: 1.5rem; margin-left: 1.5rem; }
	.article-related__grid { grid-template-columns: 1fr; }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
	.portfolio-single .portfolio-single__aside .aside__content { padding-inline: 3rem; }
}
@media (min-width: 576px) {
	.article-archive__grid > .article-archive__item { flex-basis: calc(50% - var(--bs-gutter-x, 3rem) * .5); width: calc(50% - var(--bs-gutter-x, 3rem) * .5); max-width: calc(50% - var(--bs-gutter-x, 3rem) * .5); }
	.archive-service .my-gallery__item { width: calc(50% - 2.4rem); max-width: calc(50% - 2.4rem); }
	.article-archive .my-gallery__item { width: calc(50% - 2.4rem); max-width: calc(50% - 2.4rem); }
}
@media (min-width: 1200px) {
	.article-archive__grid > .article-archive__item { flex-basis: calc(33.333333% - var(--bs-gutter-x, 3rem) * .666667); width: calc(33.333333% - var(--bs-gutter-x, 3rem) * .666667); max-width: calc(33.333333% - var(--bs-gutter-x, 3rem) * .666667); }
	.archive-service .my-gallery__item { width: calc(33.333333% - 2.4rem); max-width: calc(33.333333% - 2.4rem); }
	.article-archive .my-gallery__item { width: calc(33.333333% - 2.4rem); max-width: calc(33.333333% - 2.4rem); }
	.archive-service .section-main__intro { flex: 0 0 75%; width: 75%; height: auto; min-height: 100vh; }
	.archive-service .section-main__aside { flex: 0 0 25%; width: 25%; height: auto; min-height: 100vh; overflow: visible; }
	.archive-service .section-main__intro { order: 2; }
	.archive-service .section-main__aside { order: 1; }
	.archive-service .intro__headline { position: relative; inset: auto; width: 100%; padding: 12rem 5rem 5rem; transform: none; }
	.archive-service__aside.section-main__aside { padding-right: 3.2rem; padding-left: 3.2rem; }
}
@media (max-width: 1199.98px) {
	.archive-service__aside.section-main__aside { position: relative; inset: auto; flex: 0 0 100%; width: 100%; height: auto; max-height: none; min-height: 0; overflow: visible; }
	.archive-service .section-main__intro { min-height: 100vh; height: auto; }
	.archive-service .section-main__aside { position: relative; top: auto; align-self: auto; height: auto; min-height: 0; padding-top: 40px; }
	.archive-service .archive-service__filters { max-height: none; overflow: visible; }
	.archive-service > .container-fluid > .row { min-height: 0; }
	.archive-service .works__scroll { padding: 2rem; }
}
@media (max-width: 767.98px) {
	.archive-service > .container-fluid > .row {
		width: 100%;
		margin-inline: 0;
	}
	.archive-service > .container-fluid > .row > #intro,
	.archive-service > .container-fluid > .row > .archive-service__aside {
		padding-inline: 0;
	}
	.archive-service #intro.section-main__intro {
		box-sizing: border-box;
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		margin-inline: 0;
		overflow-x: clip;
	}
	.archive-service #intro.section-main__intro > * { min-width: 0; max-width: 100%; }
	.archive-service,
	.archive-service > .container-fluid,
	.archive-service > .container-fluid > .row,
	.archive-service .section-main__intro,
	.archive-service .section-inner__content,
	.archive-service .section-inner__blocks,
	.archive-service .content-block,
	.article-archive__grid {
		min-width: 0;
		max-width: 100%;
	}
	.archive-service .works__scroll { max-width: 100%; }
	.archive-service .section-main__intro { min-height: 100vh; }
	.archive-service .section-main__intro > .works { min-height: 100vh; border-radius: 0; }
	.archive-service .works__scroll { padding: 1.5rem; }
	.archive-service .content-block > .intro__headline { text-align: center; }
	.archive-service .section-inner__controls, .archive-service .content-block { padding-right: 2rem; padding-left: 2rem; }
	.archive-service .my-gallery__item { height: 32rem; }
	.archive-service .my-gallery__descr { transform: translateY(0); }
	.archive-service .my-gallery:not(.article-archive__grid) { margin-inline: 0; }
	.article-archive__grid { --bs-gutter-x: 1.5rem; margin-inline: 0; }
}