/* Start:/local/templates/mpara_25/assets/css/section/first_section_alt.css?17925106805313*/
.animateSection {
	--logo-margin: 100rem 0 80rem;
	--logo-mt: 100rem;
	--logo-mb: 80rem;

	--main-text-mb: 50rem;
	--logo-w: 481rem;
	--sub-text-margin: 100rem;
	--under-title-fz: 20rem;
	--anim-item-mb-1: 491rem;
	--anim-item-mb-2: 215rem;
	--section-gap: 0;
	--section-inner-gap: 350rem;
}

.animateSection .absoluteImgText {
	--img-w: 400rem;
	--img-h: 487rem;
	--img-mb: 30rem;

	--img-border-pos-top: -30rem;
	--img-border-pos-left: -30rem;
	--img-title-fz: 28rem;
	--img-subtitle-fz: 18rem;
	width: 100%;
}

@media (max-width:1640px) {
	.animateSection {
		--logo-margin: 100rem 0 80rem;
		--logo-w: 420rem;

		--sub-text-margin: 0;
		--under-title-fz: 20rem;
		--anim-item-mb-1: 506rem;
		--anim-item-mb-2: 150rem;
		--anim-item-mb-1: 291rem;
		--anim-item-mb-2: 115rem;
		--section-inner-gap: 250rem;


	}
}

@media (max-width:1480px) {
	.animateSection {

		--logo-margin: 90rem 0 40rem;
		--logo-mt: 90rem;
		--logo-mb: 40rem;

		--logo-w: 320rem;

		--sub-text-margin: 0;
		--under-title-fz: 20rem;
		--anim-item-mb-1: 342rem;
		--anim-item-mb-2: 150rem;

		--anim-item-mb-1: 191rem;
		--anim-item-mb-2: 90rem;
		--section-inner-gap: 150rem;
		--main-text-mb: 20rem;
	}

	.animateSection .absoluteImgText {
		--img-border-pos-top: 0;
		--img-border-pos-left: -10rem;
		--img-mb: 62rem;


		--img-w: 300rem;
		--img-h: 365rem;
		--img-title-fz: 24rem;

		--img-subtitle-fz: 16rem;

	}

}

@media (max-width:1024px) {
	.animateSection {
		--logo-w: 260rem;
		--logo-margin: 90rem 0 30rem;
		--logo-mt: 90rem;
		--logo-mb: 30rem;

		--under-title-fz: 15rem;
		--anim-item-mb-1: 90rem;
		--anim-item-mb-2: 90rem;
		--section-inner-gap: 50rem;

	}

	.animateSection .absoluteImgText {}
}

@media (max-width:640px) {
	.animateSection {
		--logo-w: 220rem;
		--under-title-fz: 12rem;
		--main-text-mb: 50rem;


	}

	.animateSection .absoluteImgText {}
}

.animateSection {
	position: relative;
	padding-top: var(--header);
	flex-grow: 1;
	padding-top: calc(var(--header-height));
	/* height: calc(var(--header-height) + 690px); */
	height: auto;
	max-height: unset;
}

.animateSection .imgBg {
	top: 0;
	height: 100svh;
}

.content._no-mt {
	flex-grow: 1;
}

.animateSection__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	position: relative;
	/* выше фонового видео с затемнением (.imgBg::before, 1), но ниже бургер-меню (.burgerMenu, 5 —
	   вставляется в конец body), шапки (21) и затемнения модалок (body::before, 23) */
	z-index: 2;
	gap: var(--section-inner-gap);
	overflow: hidden;
}

.animateSection__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.animateSection__item:first-child {

	/* margin-bottom: var(--anim-item-mb-1); */
}

.animateSection__item:nth-child(2) {
	/* margin-bottom: var(--anim-item-mb-2); */

}

.animateSection__item.hero {
	margin-top: var(--logo-mt);
	padding-inline: var(--container-padding);

}

.firstSection__underTitle {
	margin-top: var(--logo-mb);
}

.alt_logo {
	/* margin: var(--logo-margin); */
	max-width: var(--logo-w);
}

.firstSection__underTitle {
	margin-bottom: var(--sub-text-margin);
}



.animateSection__inner .animateSection__item {
	position: relative;
	z-index: 2;
	color: var(--grey-light-color);
	width: 100%;
}

.animateSection__inner span._dot::before,
.animateSection__inner span._dot::after {
	background-color: var(--white-color);
}

.animateSection .imgBg::before {
	content: "";
	inset: 0;
	width: 100%;
	height: 101%;
	background: linear-gradient(180deg, rgba(23, 19, 15, 0.9) 0%, rgba(23, 19, 15, 0) 50%), linear-gradient(180deg, rgba(23, 19, 15, 0) 60%, #17130F 100%), linear-gradient(0deg, rgba(18, 10, 6, 0.3), rgba(18, 10, 6, 0.3));
	z-index: 1;
}

.animateSection .imgBg,
.animateSection .imgBg::before {
	/* top: calc(-1*var(--header-height)); */
	/* height: calc(100% + var(--header-height)); */
}


.mainDescription._alt {
	margin-bottom: var(--main-text-mb);
}

.absoluteImgText__img {
	max-width: var(--img-w);
	height: var(--img-h);
	margin-bottom: var(--img-mb);

}

.animateSection .absoluteImgText__img img {
	left: initial;
	right: initial;
	top: initial;
	bottom: initial;
}

.animateSection .absoluteImgText__wrapper {
	width: 100%;
	height: auto;
	flex-direction: column;
	align-items: center;
	gap: 0;
	justify-content: center;
}

.animateSection .absoluteImgText__title {
	font-size: var(--img-title-fz);
	line-height: 1.2;
	letter-spacing: 3px;
	font-family: var(--title-family);
	text-transform: uppercase;
}

.animateSection .absoluteImgText__subTiltle {
	font-size: var(--img-subtitle-fz);
	line-height: 1.6;
	color: #736B62;

}

@media (max-width: 1480px) {

	.animateSection .absoluteImgText__img img {
		top: 20rem;
		left: 10rem;
	}
}

@media (max-width: 640px) {

	/* .animateSection .mainDescription ._dot,
    .animateSection .mainDescription ._line {
        display: flex;
    } */

	.animateSection .mainDescription h2 {
		text-align: left;
	}

	.animateSection .mainDescription h2 {
		text-align: left;
		/* margin-top: 60px; */
		text-indent: 0;
	}

	.animateSection .mainDescription p {
		text-align: left;
		/* margin-bottom: 60px; */
	}

	._alt .firstSection__underTitle {
		font-weight: 300;
	}
}
/* End */


/* Start:/local/templates/mpara_25/assets/css/section/first_section_animation.css?17925106804878*/
:root {
	/* размеры логотипа на первом экране */
	--logo-anime-width: 482rem;
	--logo-anime-ratio: 482 / 248;

	/* итоговое положение логотипа в шапке (как в прежней GSAP-анимации) */
	--logo-final-width: 154px;
	--logo-final-top: 25px;

	/* отступ логотип → подзаголовок */
	--hero-gap: 80rem;
	/* высота подзаголовка (2 строки × 20 × 1.5) — только для расчёта до запуска JS */
	--hero-text-h: 60rem;
	/* оптическая поправка: значение > 0 поднимает блок на половину значения */
	--hero-shift: 0rem;

	/* Y логотипа первого экрана от верха страницы.
		   Начальное значение считается в CSS, после загрузки JS ставит точное значение в px */
	--hero-logo-y: calc((100svh - var(--hero-shift) - var(--logo-anime-width) * 248 / 482 - var(--hero-gap) - var(--hero-text-h)) / 2);
}

@media (max-width: 1640px) {
	:root {
		--logo-anime-width: 420rem;
	}
}

@media (max-width: 1480px) {
	:root {
		--logo-anime-width: 320rem;
		--hero-gap: 40rem;
	}
}

/*нет анимации*/
@media (max-width: 1024px) {
	:root {
		--logo-anime-width: 260rem;
		--hero-gap: 30rem;

		--logo-header-width: 43rem;
		--logo-header-height: 42rem;
	}
}

@media (max-width: 640px) {
	:root {
		--logo-anime-width: 220rem;

		--logo-header-width: 32.5rem;
		--logo-header-height: 32rem;
	}
}


/* первый экран: блок логотип + текст по центру физического экрана.
	   Сверху секцию сдвигает шапка (padding-top у .animateSection),
	   такой же отступ снизу возвращает центр в середину экрана */
.animateSection__inner>.animateSection__item.hero {
	min-height: calc(100svh - var(--header-height));
	justify-content: center;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: calc(var(--header-height) + var(--hero-shift));
}


body._burgerOpen .animateSection__item.hero .firstSection__underTitle {
	opacity: 0;
	transition: opacity .3s ease 0s;
}

.animateSection__item.hero .firstSection__underTitle {
	margin-top: var(--hero-gap);
	margin-bottom: 0;
}


header._fixed-absolute {
	position: fixed;
}

header._fixed-absolute .header__adress,
header._fixed-absolute .header__menu {
	box-shadow: none;
}

header._fixed-absolute .header__wrapper {
	box-shadow: inset 0 -1rem 0 var(--grey-stroke-color);
}

/* ≤1024 шапка «уезжает» со страницей (_absolute), но контент двигает ScrollSmoother
   с запаздыванием — position: absolute ехал бы по нативной прокрутке и дёргался.
   Поэтому fixed + сдвиг вслед за контентом (transform ставит animated_section.js) */
header._about._absolute {
	position: fixed;
}

/* без ScrollSmoother (тач-устройства) контент едет нативно — шапке хватает absolute, без JS-сдвига */
body._native-scroll header._about._absolute {
	position: absolute;
}

/* открыт бургер: фон шапки от GSAP-анимации лого (инлайн) убираем, как у header._fixed._burgerOpen */
header._fixed-absolute._burgerOpen {
	background: transparent !important;
}

/* header._about._burgerOpen .logo {
	opacity: 1;
} */

header._fixed-absolute._fixed .header__wrapper,
header._fixed-absolute._burgerOpen .header__wrapper {
	box-shadow: none !important;
}

/* --logo-p: 0 — логотип на первом экране, 1 — в шапке (анимирует GSAP) */
header .logo._about img {
	--logo-p: 0;
	--logo-rest-top: calc(var(--hero-logo-y) - var(--header-padding));

	width: calc(var(--logo-anime-width) + (var(--logo-final-width) - var(--logo-anime-width)) * var(--logo-p));
	height: auto;
	aspect-ratio: var(--logo-anime-ratio);

	top: calc(var(--logo-rest-top) + (var(--logo-final-top) - var(--logo-rest-top)) * var(--logo-p));
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}

.firstSection__logo {
	width: var(--logo-anime-width);
	height: auto;
	aspect-ratio: var(--logo-anime-ratio);
	position: relative;
	display: flex;
}

.firstSection__logo img {
	opacity: 0;
	width: 100%;
}

@media (max-width: 1024px) {

	header .logo._about .logo__static {
		display: none;
	}

	header .logo._about .logo__fixed {
		display: flex;
		width: var(--logo-header-width);
		height: 42rem;
		aspect-ratio: var(--logo-header-width) / var(--logo-header-height);
	}

	header .logo._about .logo__fixed img {
		position: static;
		width: 100%;
		height: 100%;
		transform: none
	}

	.firstSection__logo img {
		opacity: 1;
	}
}
/* End */


/* Start:/local/templates/mpara_25/assets/css/section/absolute_img_text_about.css?17925106806729*/
/* «О мастерской»: стили блока absoluteImgText._about в состоянии до слияния с master.
   Общий absolute_img_text.css на этой странице не подключается. */
.absoluteImgText {
	--wrapper-gap: 100rem;
	--img-w: 460rem;
	--img-h: 560rem;
	--img-border-pos-top: -30rem;
	--img-border-pos-left: -30rem;
	--paragraph-spacing: 20rem;
	--last-parag-mb: 70rem;
	--big-paragraph-spacing-top: 40rem;
	--big-paragraph-spacing: 30rem;
	--list-mb: 40rem;
	--btn-width: auto;



}

.absoluteImgText .siteBtn {
	font-weight: 500;
}

._reverse.absoluteImgText {
	--wrapper-gap: 130rem;
}

.absoluteImgText__wrapper {
	display: flex;
	justify-content: space-between;
	gap: var(--wrapper-gap);
}


.absoluteImgText__img {
	position: relative;
	width: 100%;
	max-width: var(--img-w);
	height: var(--img-h);
	flex-shrink: 0;

}

.absoluteImgText__img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border: 2rem solid var(--main-color);
	top: var(--img-border-pos-top);
	left: var(--img-border-pos-left);
	z-index: 4;
}

._reverse .absoluteImgText__img::before {
	top: 30rem;
	left: 30rem;

}

.absoluteImgText__img img {
	position: absolute;
	width: 100%;
	height: 100%;
	inset: 0;
	object-fit: cover;
}

.absoluteImgText__text p:last-of-type {
	margin-bottom: var(--last-parag-mb);
}

.absoluteImgText__text p._bigText {
	margin-bottom: var(--big-paragraph-spacing, --paragraph-spacing, --paragraph-spacing-default);
	margin-top: var(--big-paragraph-spacing-top, --paragraph-spacing, --paragraph-spacing-default);
	color: #736B62;
}

.absoluteImgText__text ul {
	margin-bottom: var(--list-mb);
	color: #413930;
}

.absoluteImgText__text ul b {
	color: #413930;
}

.absoluteImgText__text .siteBtn {
	display: inline-flex;
}


/* Анимации */
/* 
.absoluteImgText__img {
	opacity: 0;
	transform: translateY(100rem);
	transition: opacity 800ms var(--transition-timing-function), transform 800ms var(--transition-timing-function);

}

.absoluteImgText h2 {
	opacity: 0;
	transform: translateY(100rem);
	transition: opacity 800ms 200ms var(--transition-timing-function), transform 800ms 200ms var(--transition-timing-function);
}

.absoluteImgText .underTitle {
	opacity: 0;
	transform: translateY(100rem);
	transition: opacity 800ms 300ms var(--transition-timing-function), transform 800ms 300ms var(--transition-timing-function);

}

.absoluteImgText__text .absoluteImgText__topText p {
	opacity: 0;
	transform: translateY(100rem);
	transition: opacity 800ms 400ms var(--transition-timing-function), transform 800ms 400ms var(--transition-timing-function);

}

.absoluteImgText__text .absoluteImgText__bottomText>div {
	opacity: 0;
	transform: translateY(100rem);
	transition: opacity 800ms 400ms var(--transition-timing-function), transform 800ms 400ms var(--transition-timing-function);

}

.absoluteImgText__text .absoluteImgText__bottomText+a {
	opacity: 0;
	transform: translateY(100rem);
	transition: opacity 800ms 2000ms var(--transition-timing-function), transform 800ms 2000ms var(--transition-timing-function);

}

._load .absoluteImgText__img,
._load h2,
._load .underTitle,
._load .absoluteImgText__topText p,
._load .absoluteImgText__bottomText>div,
._load .absoluteImgText__bottomText+a {
	opacity: 1;
	transform: translateY(0);
} */

/* Анимации Конец */

@media (max-width:1750px) {
	.absoluteImgText {

		--paragraph-spacing: 20rem;
		--last-parag-mb: 70rem;
		--big-paragraph-spacing-top: 40rem;
		--big-paragraph-spacing: 30rem;
		--list-mb: 40rem;
		--btn-width: auto;

	}

}


@media (max-width:1750px) {
	.absoluteImgText {

		--wrapper-gap: 110rem;
		--img-border-pos-top: 0;
		--img-border-pos-bottom: 0;

		--img-pos-bottom: -30rem;
		--img-pos-right: -30rem;

	}

	.absoluteImgText__img img {
		inset: unset;
		bottom: var(--img-pos-bottom);
		right: var(--img-pos-right);
	}

	._reverse .absoluteImgText__img img {
		inset: 0;
	}

	._reverse .absoluteImgText__img::before {
		bottom: var(--img-pos-bottom);
		right: var(--img-pos-right);
		top: unset;
		left: unset;

	}

	._reverse.absoluteImgText {
		--wrapper-gap: 110rem;
	}
}

@media (max-width:1640px) {
	.absoluteImgText {
		--wrapper-gap: 110rem;

	}

	._reverse.absoluteImgText {
		--wrapper-gap: 110rem;

	}
}

@media (max-width:1480px) {
	.absoluteImgText {
		--wrapper-gap: 80rem;

		--img-w: 300rem;
		--img-h: 365rem;

		--img-pos-bottom: -20rem;
		--img-pos-right: -20rem;

		--last-parag-mb: 40rem;
		--text-block-pt: 70rem;
		padding-top: var(--text-block-pt);


	}

	.absoluteImgText._about {
		--text-block-pt: 0;
	}

	._reverse.absoluteImgText {
		--wrapper-gap: 80rem;
		--text-block-pt: 0;
	}
}

@media (max-width:1024px) {
	.absoluteImgText {
		--text-block-pt: 0;
		--top-text-block-p: 67.5rem 0 40rem 360rem;
		--top-text-block-min-h: 385rem;
		--top-text-block-mb: 40rem;
		--big-paragraph-spacing: 20rem;
		--big-paragraph-spacing-top: 0;
		--list-mb: 30rem
	}

	.absoluteImgText._reverse {
		--top-text-block-mb: 0;
		--top-text-block-p: 7.5rem 0 45rem 360rem;

	}

	.absoluteImgText .showMoreBtn {
		display: flex;
	}

	.absoluteImgText__img {
		position: absolute;
	}

	.absoluteImgText._about .absoluteImgText__img {
		position: relative;
	}

	.absoluteImgText__topText {
		padding: var(--top-text-block-p);
		margin-bottom: var(--top-text-block-mb);
		min-height: var(--top-text-block-min-h);

	}

	.absoluteImgText__bottomText {
		display: grid;
		grid-template-rows: 0fr;
		transition: var(--animation-duration) grid-template-rows var(--animation-timing-function);
		;
		overflow: hidden;
		/* max-height: 0;
		transition: max-height  */
	}

	.absoluteImgText__bottomText div {
		overflow: hidden;
	}

	.absoluteImgText__bottomText._open {
		grid-template-rows: 1fr;
	}
}

@media (max-width:920px) {
	.absoluteImgText {
		--top-text-block-p: 0;
		--top-text-block-min-h: none;
		--wrapper-gap: 60rem;
	}

	.absoluteImgText._reverse {
		--top-text-block-p: 0;
		--top-text-block-min-h: none;
		--wrapper-gap: 60rem;
		--top-text-block-mb: 40rem;
	}

	.absoluteImgText__wrapper {
		flex-direction: column;
	}

	.absoluteImgText__img {
		position: relative;
	}
}

@media (max-width:640px) {
	.absoluteImgText {
		--wrapper-gap: 50rem;
		--h2-mb: 20rem;
		--btn-width: 100%;
		--top-text-block-mb: 21rem;
	}

	.absoluteImgText._reverse {
		--wrapper-gap: 50rem;
		--top-text-block-mb: 21rem;
	}
}
/* End */


/* Start:/local/templates/mpara_25/assets/css/section/descs.css?179251068019688*/
/* =========================================================================
   Блок «Концепция банного клуба» (круги + орбиты), страница «О мастерской»
   Макет: Figma → «круги ада» (состояния 1–4), «кружок» (ховер),
          «1 круг ада» / «2 круг ада» (орбиты), «перестроение кружков» (<1024).
   Зависит от vars.css (цвета, --title-family) и класса .h2 из main.css.
   Внутри сцены всё в px макета 1920: сцена целиком масштабируется через --cc-k.

   Режимы:
   ._scroll (≥1024, JS, движение не отключено) — сцена стоит под шапкой сайта
            (position: sticky; с ScrollSmoother — ._pinjs, закрепляет JS),
            шаги 1 → 2 → 3 → 4 идут по прокрутке, теги
            на орбитах поворачиваются вслед за прокруткой.
   без ._scroll — статичный финал (без JS или «уменьшить движение»).
   < 1024 — сетка без орбит, появление при попадании в экран.
   ========================================================================= */

@property --cc-orbit {
    syntax: '<angle>';
    inherits: true;
    initial-value: 0deg;
}



.conceptCircles {
    /* масштаб сцены: 1480 при 1920, 1340 при 1640, 1260 при 1480, 880 при 1024
	   (значения из адаптивов макета; JS пересчитывает плавно между ними) */
    --cc-k: 1;

    /* тайминги из прототипа Figma: Smart animate, ease-out (0, 0, .58, 1) */
    --cc-ease: cubic-bezier(0, 0, .58, 1);
    --cc-d1: .3s;
    /* обратно в ряд при прокрутке вверх */
    --cc-d2: .3s;
    /* 1 → 2: круги съезжаются в центр */
    --cc-d3: .3s;
    /* 2 → 3: раскрываются «клевером» (через 300 мс после 2) */
    --cc-d4: .8s;
    /* 3 → 4: вырастают орбиты */
    --cc-tags: .45s;
    /* после орбит проявляются теги с ромбами */
    --cc-d: 0s;
    --cc-hover: .3s;

    --cc-gold: var(--main-color, #C19D6E);
    --cc-dark: var(--black-color, #17130F);
    --cc-pill: var(--grey-factoid-color, #413930);
    --cc-white: var(--white-color, #fff);
    --cc-title-gap: 100rem;
    /* отступы до соседних секций: 200 при 1920, 150 с 1640, 50 с 640 */
    --section-gap: 200rem;

    /* отступ сверху — на секции: JS подтягивает трек вверх (--cc-track-mt) на пустоту
       над заголовком в закреплённой сцене, так что визуально над заголовком ровно --section-gap */
    padding-top: var(--section-gap);

    /* flow-root: поля трека (--cc-track-mt / --cc-track-mb — место под низ орбит) не схлопываются
       с margin-bottom секции, иначе вместо «орбиты + --section-gap» остаётся только большее из двух */
    display: flow-root;
    position: relative;
    background-color: var(--cc-dark);
    color: var(--cc-white);
    /* только clip: overflow: hidden сломал бы position: sticky у сцены */
    overflow-x: clip;
}

.conceptCircles[data-cc-state="1"] {
    --cc-d: var(--cc-d1);
}

.conceptCircles[data-cc-state="2"] {
    --cc-d: var(--cc-d2);
}

.conceptCircles[data-cc-state="3"] {
    --cc-d: var(--cc-d3);
}

.conceptCircles[data-cc-state="4"] {
    --cc-d: var(--cc-d4);
}

.conceptCircles._instant,
.conceptCircles._instant * {
    transition: none !important;
}

/* ступени без JS; JS считает плавно: 1920 → 1480, 1640 → 1340, 1480 → 1280, 1024 → 880 */
@media (max-width: 1919px) {
    .conceptCircles {
        --cc-k: .9054;
    }
}

@media (max-width: 1639px) {
    .conceptCircles {
        --cc-k: .8649;
    }
}

@media (max-width: 1479px) {
    .conceptCircles {
        --cc-k: .5946;
    }
}

@media (max-width: 1480px) {
    .conceptCircles {
        --cc-title-gap: 80rem;
    }
}

@media (max-width: 1640px) {
    .conceptCircles {
        --section-gap: 150rem;
    }
}

@media (max-width: 640px) {
    .conceptCircles {
        --section-gap: 50rem;

    }
}

.conceptCircles .conceptCircles__title {
    text-align: center;
    color: var(--cc-white);
    margin: 0 0 var(--cc-title-gap);
}

.conceptCircles__srOnly {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* ---------- сцена: система координат фрейма «Frame 547» (1180 × 1488) ----------
   frame = заголовок + canvas; заголовок всегда на (высота + отступ) выше сцены,
   как во всех фреймах раскадровки. */

.conceptCircles__canvas {
    position: relative;
    height: calc(1488px * var(--cc-k));
}

.conceptCircles__stage {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1180px;
    height: 1488px;
    margin: 0 0 0 -590px;
    padding: 0;
    transform: scale(var(--cc-k));
    transform-origin: 50% 0;
}

.conceptCircles._scroll .conceptCircles__track {
    height: var(--cc-track-h, auto);
    margin-top: var(--cc-track-mt, 0px);
    margin-bottom: var(--cc-track-mb, 0px);
}

/* закреплённая сцена: frame двигается целиком (--cc-y считает JS для каждого шага):
   1–2 — группа «заголовок + ряд» по центру экрана (как фрейм 1080: 231 сверху и снизу);
   3 — группа «заголовок + клевер» по центру;
   4 — «клевер» и орбиты по центру, заголовок уходит вверх */
.conceptCircles._scroll .conceptCircles__scene {
    position: sticky;
    top: var(--cc-top, 0px);
    /* под фиксированной шапкой сайта */
    height: var(--cc-vh, 100vh);
    /* видимая область под шапкой */
    pointer-events: none;
}

/* контент страницы двигается через transform (GSAP ScrollSmoother): sticky там не работает,
   сцену держит на месте JS — сдвигом translateY на каждом кадре */
.conceptCircles._scroll._pinjs .conceptCircles__scene {
    position: relative;
    top: auto;
    will-change: transform;
}

.conceptCircles._scroll .conceptCircles__frame {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translate3d(0, var(--cc-y, 0px), 0);
    transition: transform var(--cc-d) var(--cc-ease);
}

.conceptCircles._scroll[data-cc-state="1"],
.conceptCircles._scroll[data-cc-state="2"] {
    --cc-y: var(--cc-y1);
}

.conceptCircles._scroll[data-cc-state="3"] {
    --cc-y: var(--cc-y3);
}

.conceptCircles._scroll[data-cc-state="4"] {
    --cc-y: var(--cc-y4);
}

.conceptCircles._scroll .conceptCircles__title,
.conceptCircles._scroll .conceptCircles__item {
    pointer-events: auto;
}

/* ---------- круги ---------- */

.conceptCircles__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 460px;
    height: 460px;
    margin: 0;
    border-radius: 50%;
    transform: translate3d(var(--x, 0px), var(--y, 0px), 0);
    transition: transform var(--cc-d) var(--cc-ease);
    will-change: transform;
}

.conceptCircles__item[data-cc-item="1"] {
    z-index: 3;
}

.conceptCircles__item[data-cc-item="2"] {
    z-index: 2;
}

.conceptCircles__item[data-cc-item="3"] {
    z-index: 1;
}

/* координаты кругов — ровно из фреймов «круги ада» 1–4 (от верха сцены под заголовком)
   1: ряд (шаг 360, нахлёст 100) */
.conceptCircles[data-cc-state="1"] [data-cc-item="1"] {
    --x: 0px;
    --y: 0px;
}

.conceptCircles[data-cc-state="1"] [data-cc-item="2"] {
    --x: 360px;
    --y: 0px;
}

.conceptCircles[data-cc-state="1"] [data-cc-item="3"] {
    --x: 720px;
    --y: 0px;
}

/* 2: левый круг в центре, закрывает два остальных */
.conceptCircles[data-cc-state="2"] [data-cc-item] {
    --x: 360px;
    --y: 0px;
}

/* 3: «клевер» — верхний круг вверх, два расходятся вниз */
.conceptCircles[data-cc-state="3"] [data-cc-item="1"] {
    --x: 360px;
    --y: 186px;
}

.conceptCircles[data-cc-state="3"] [data-cc-item="2"] {
    --x: 240px;
    --y: 376px;
}

.conceptCircles[data-cc-state="3"] [data-cc-item="3"] {
    --x: 480px;
    --y: 376px;
}

/* 4: «клевер» опускается в центр орбит (исходное состояние без JS) */
.conceptCircles [data-cc-item="1"] {
    --x: 360px;
    --y: 345px;
}

.conceptCircles [data-cc-item="2"] {
    --x: 240px;
    --y: 535px;
}

.conceptCircles [data-cc-item="3"] {
    --x: 480px;
    --y: 535px;
}

.conceptCircles__photo {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    overflow: hidden;
    background-color: #2B241D;
    box-shadow: 0 0 50px rgba(23, 19, 15, .2);
}

.conceptCircles__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.conceptCircles__photo::before,
.conceptCircles__photo::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity var(--cc-hover) var(--cc-ease);
}

/* обычное состояние: затемнение 60% */
.conceptCircles__photo::before {
    background: rgba(23, 19, 15, .6);
}

/* ховер: 10% + виньетка от 67.8% радиуса */
.conceptCircles__photo::after {
    background:
        radial-gradient(50% 50% at 50% 50%, rgba(23, 19, 15, 0) 67.79%, rgba(23, 19, 15, .7) 100%),
        rgba(23, 19, 15, .1);
    opacity: 0;
}

@media (hover: hover) and (min-width: 1024px) {
    .conceptCircles__item:hover .conceptCircles__photo::before {
        opacity: 0;
    }

    .conceptCircles__item:hover .conceptCircles__photo::after {
        opacity: 1;
    }
}

/* подпись по дуге круга (SVG textPath) */
.conceptCircles__caption {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.conceptCircles__caption text {
    fill: var(--cc-white);
    font-family: var(--title-family);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 3px;
}

.conceptCircles__arc {
    transform-box: view-box;
    transform-origin: 230px 230px;
    transform: rotate(var(--cc-arc, -45deg));
    transition:
        transform var(--cc-d) var(--cc-ease),
        opacity var(--cc-d) var(--cc-ease);
}

/* в состоянии 1 все подписи справа-снизу (компонент «кружок»),
   дальше: 01 — сверху, 02 — слева-снизу, 03 — справа-снизу */
.conceptCircles [data-cc-item="1"] .conceptCircles__arc._bottom {
    opacity: 0;
}

.conceptCircles [data-cc-item="1"] .conceptCircles__arc._top {
    --cc-arc: 0deg;
    opacity: 1;
}

.conceptCircles[data-cc-state="1"] [data-cc-item="1"] .conceptCircles__arc._bottom {
    opacity: 1;
}

.conceptCircles[data-cc-state="1"] [data-cc-item="1"] .conceptCircles__arc._top {
    opacity: 0;
}

.conceptCircles [data-cc-item="2"] .conceptCircles__arc._bottom {
    --cc-arc: 30deg;
}

.conceptCircles[data-cc-state="1"] [data-cc-item="2"] .conceptCircles__arc._bottom {
    --cc-arc: -45deg;
}

/* плашка-подпись для мобильной раскладки */
.conceptCircles__pill {
    display: none;
}

/* ---------- орбиты ---------- */

.conceptCircles__ring {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    pointer-events: none;
    opacity: 1;
    transform: none;
    transition:
        opacity var(--cc-d) var(--cc-ease),
        transform var(--cc-d) var(--cc-ease);
}

.conceptCircles__ring[data-cc-ring="1"] {
    --r: 511px;
    --cc-mk-in: .357px;
    /* R − √(R² − 19.09²): углы ромба ровно на линии */
    left: 79px;
    top: 204px;
    width: 1022px;
    height: 1022px;
}

.conceptCircles__ring[data-cc-ring="2"] {
    --r: 744px;
    --cc-mk-in: .245px;
    left: -154px;
    top: 0;
    width: 1488px;
    height: 1488px;
}

/* до состояния 4 орбиты сжаты до ¼ в центре «клевера» шага 3 (y = 511) и прозрачны */
.conceptCircles:not([data-cc-state="4"]) .conceptCircles__ring {
    opacity: 0;
}

.conceptCircles:not([data-cc-state="4"]) [data-cc-ring="1"] {
    transform: translateY(-204.5px) scale(.25);
}

.conceptCircles:not([data-cc-state="4"]) [data-cc-ring="2"] {
    transform: translateY(-233px) scale(.25);
}

.conceptCircles__ringLine {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.conceptCircles__ringLine circle {
    fill: none;
    stroke: var(--cc-gold);
    stroke-width: 1;
    stroke-dasharray: 2 2;
    vector-effect: non-scaling-stroke;
}

.conceptCircles__orbit {
    position: absolute;
    inset: 0;
    transform: rotate(var(--cc-orbit, 0deg));
}

/* точка на орбите: угол --a (0° = справа, по часовой), радиус --r.
   --a наследуют подпись и ромб */
.conceptCircles__pin {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    transform: rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)));
    /* сначала орбиты, потом теги с ромбами */
    opacity: 1;
    transition: opacity var(--cc-tags) var(--cc-ease) calc(var(--cc-d4) + var(--cc-i, 0) * 90ms);
}

.conceptCircles__pin:nth-child(2) {
    --cc-i: 1;
}

.conceptCircles__pin:nth-child(3) {
    --cc-i: 2;
}

.conceptCircles:not([data-cc-state="4"]) .conceptCircles__pin {
    opacity: 0;
    transition: opacity .2s var(--cc-ease) 0s;
}

/* тег держится горизонтально, пока орбита поворачивается */
.conceptCircles__label {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    transform: rotate(calc(-1 * var(--cc-orbit, 0deg)));
}

.conceptCircles__marker {
    position: absolute;
    left: -13.5px;
    top: -13.5px;
    box-sizing: border-box;
    width: 27px;
    height: 27px;
    border: 1px solid var(--cc-gold);
    background-color: var(--cc-dark);
    border-radius: 50%;
    /* ромб доворачивается по касательной: одна диагональ вдоль радиуса,
	   вторая — хорда орбиты, два угла всегда на линии (и при качании тоже) */
    transform:
        rotate(calc(var(--a, 0deg) + var(--cc-orbit, 0deg))) translateX(calc(-1 * var(--cc-mk-in, 0px))) rotate(45deg);
}

.conceptCircles__labelText {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    white-space: nowrap;
    font-family: var(--title-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--cc-white);
}

.conceptCircles__label._left .conceptCircles__labelText {
    right: var(--cc-gap, 40px);
}

.conceptCircles__label._right .conceptCircles__labelText {
    left: var(--cc-gap, 40px);
}

/* Поворот тегов задаёт JS по прокрутке: --cc-orbit на .conceptCircles__orbit.
   Прокрутка вниз: внутренняя орбита к +30°, внешняя к −30° (каждая в свою сторону),
   прокрутка вверх — обратно; на узких экранах амплитуда меньше, чтобы теги не уходили за край;
   не быстрее 30° за 1200 мс. */

/* ---------- < 1024: сетка без орбит (фрейм «перестроение кружков») ---------- */

@media (max-width: 1024px) {
    .conceptCircles {
        --cc-title-gap: 60rem;
    }

    .conceptCircles__canvas {
        height: auto;
    }

    .conceptCircles__stage {
        position: static;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40rem 50rem;
        width: auto;
        height: auto;
        margin: 0;
        transform: none;
    }

    .conceptCircles__ring,
    .conceptCircles__caption {
        display: none;
    }

    .conceptCircles__item {
        position: relative;
        width: min(320rem, calc(100% - 40rem));
        height: auto;
        aspect-ratio: 1;
        transform: none;
        opacity: 1;
        transition:
            opacity .6s var(--cc-ease),
            transform .6s var(--cc-ease);
    }

    .conceptCircles__item[data-cc-item="2"] {
        transition-delay: .12s;
    }

    .conceptCircles__item[data-cc-item="3"] {
        transition-delay: .24s;
    }

    /* .conceptCircles[data-cc-state="1"] .conceptCircles__item {
        opacity: 0;
        transform: translateY(40rem);
    } */

    .conceptCircles__photo {
        box-shadow: 0 0 30rem rgba(23, 19, 15, .2);
    }

    .conceptCircles__photo::before {
        opacity: 0;
    }

    .conceptCircles__photo::after {
        opacity: 1;
        background: radial-gradient(50% 50% at 50% 50%, rgba(23, 19, 15, 0) 67.79%, rgba(23, 19, 15, .7) 100%);
    }

    .conceptCircles__pill {
        position: absolute;
        left: 50%;
        bottom: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10rem;
        box-sizing: border-box;
        width: min(280rem, 100%);
        height: 36rem;
        padding: 0 10rem;
        border-radius: 1000rem;
        background-color: var(--cc-pill);
        transform: translateX(-50%);
        font-family: var(--title-family);
        font-size: 14rem;
        line-height: 1.2;
        letter-spacing: 1rem;
        text-transform: uppercase;
        white-space: nowrap;
        color: var(--cc-white);
    }

    .conceptCircles__pill::before {
        content: "";
        flex-shrink: 0;
        box-sizing: border-box;
        width: 10rem;
        height: 10rem;
        border: 1px solid var(--cc-gold);
        transform: rotate(45deg);
    }
}

/* 1000–1023: три в ряд (фрейм «943») */
@media (min-width: 1000px) and (max-width: 1024px) {
    .conceptCircles__item {
        width: calc((100% - 100rem) / 3);
    }
}

/* 770–999: два круга — каждый по центру своей половины, третий по центру ниже (фрейм «879») */
@media (min-width: 770px) and (max-width: 999px) {
    .conceptCircles__stage {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40rem 50rem;
        justify-items: center;
    }

    .conceptCircles__item {
        width: 320rem;
    }

    .conceptCircles__item[data-cc-item="3"] {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {

    .conceptCircles *,
    .conceptCircles *::before,
    .conceptCircles *::after {
        transition: none !important;
        animation: none !important;
    }
}
/* End */


/* Start:/local/templates/mpara_25/assets/css/section/info_slider.css?17925106805289*/
.infoSlider {
    --item-p: 40rem;
    --item-h: 767rem;
    --h4-fz: 28rem;
    --item-top-fz: 16rem;
    --item-w: 1700rem;
    --item-info-w: 500rem;
    --text-fz: 18rem;
    --item-title-mb: 20rem;
    --item-img-w: 100%;



    overflow: hidden;
    position: relative;
}

@media (max-width:1640px) {
    .infoSlider {
        --item-info-w: 460rem;
        --item-p: 35rem;
        /* 100vh минус шапка и по 100 сверху и снизу */
        --item-h: calc(100vh - var(--header-fixed-height) - 200rem);
    }

}

/* 1640–1920: карточка 1700, слева по линии контента (220 → 80), справа до края экрана или чуть за ним */
@media (max-width:1639px) {
    .infoSlider {
        --item-w: auto;
        --item-img-w: calc(100vw - var(--container-padding) * 2 - var(--item-info-w) + 80rem);
    }

}

@media (max-width:1480px) {
    .infoSlider {
        --item-p: 30rem;

        --item-info-min-h: 560rem;
        --item-info-w: 420rem;
        --h4-fz: 24rem;
        --text-fz: 16rem;
        /* 100vh минус шапка и по 80 сверху и снизу, но не ниже плашки (min-height у карточки) */
        --item-h: calc(100vh - var(--header-fixed-height) - 160rem);
    }

}

@media (max-width:1024px) {
    .infoSlider {
        --h4-fz: 20rem;
        --item-title-mb: 10rem;
        --item-img-w: 100%;
        --swiper-pagination-bullet-size: 10rem;
        --swiper-pagination-color: var(--main-color);
        --swiper-pagination-bottom: -30rem;
        --swiper-pagination-bullet-inactive-color: var(--main-color);

    }

}

@media (max-width:768px) {
    .infoSlider {
        --item-p: 20rem;
        --item-title-mb: 5rem;
        --text-fz: 14rem;
        --item-top-fz: 10rem;

    }
}

.infoSlider__peek {
    position: absolute;
    left: 0;
    top: 0;
    height: var(--item-h);
    width: 100rem;
    /* насколько выглядывает — подберите глазами */
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
}

.infoSlider__peek-img {
    position: absolute;
    top: 0;
    right: 0;
    /* видна именно правая (задняя) часть картинки */
    height: 100%;
    width: var(--item-w);
    object-fit: cover;
}

.infoSlider__slider,
.infoSlider .container {
    position: relative;
    z-index: 1;
    /* реальный трек едет поверх пика */
}

@media (max-width:1024px) {
    .infoSlider__peek {
        display: none;
        /* на мобилке Swiper, эффект не нужен */
    }
}

.infoSlider__item-img {
    height: 100%;
    width: var(--item-img-w);
    /* иначе во flex картинка не уже своей ширины по пропорциям от высоты:
       на 1640 при высоком экране (карточка 1700 × 100vh) вылезала под соседний слайд */
    min-width: 0;
    object-fit: cover;

}

.infoSlider .infoSlider__item {
    height: var(--item-h);
    display: flex;
    position: relative;
    flex-shrink: 0;
    width: var(--item-w);
}

.slider-wrapper {
    display: flex;
    gap: 40rem;
}

.infoSlider__slider {
    overflow: visible;
}

.infoSlider__item-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--item-p);
    background-color: var(--grey-factoid-color);
    max-width: var(--item-info-w);
    flex-shrink: 0;
    height: 100%;
}

.infoSlider__item-top {
    font-size: var(--item-top-fz);
    display: flex;
    gap: 10rem;
    text-transform: uppercase;
    font-family: var(--title-family);
    letter-spacing: 3rem;
    margin-bottom: 30rem;
}

.infoSlider__item-top::before {
    content: '';
    width: 9rem;
    height: 9rem;
    border: 1rem solid var(--main-color);
    transform: rotate(45deg);
}

.infoSlider__item-top span {
    flex-shrink: 0;
    line-height: 1;

}

.infoSlider__item-title {
    margin-bottom: var(--item-title-mb);
}

.infoSlider__item-text {
    font-size: var(--text-fz);
}

@media (max-width:1640px) {}

@media (max-width:1480px) {
    .infoSlider__item {
        min-height: var(--item-info-min-h);
    }

    .infoSlider__item-top {

        gap: 15rem;
    }

}




@media (max-width:1024px) {
    .infoSlider .infoSlider__item {
        flex-direction: column-reverse;
        width: 100%;
        height: auto;


    }

    .infoSlider {
        padding-bottom: 30rem;
    }

    .infoSlider__item-img {
        height: 560rem;

    }

    .infoSlider__item-info {
        height: auto;
        max-width: 100%;
    }

    .infoSlider .infoSlider__pag {
        height: 10rem;
        display: flex;
        justify-content: center;
        bottom: -10rem;
        position: relative;
    }

    .slider-wrapper {
        display: flex;
        gap: 0rem;
    }

    .infoSlider__slider .infoSlider__item--peek {
        display: none;
        /* на мобилке Swiper — пик не нужен */
    }
}

@media (max-width:768px) {

    .infoSlider__item-top {
        margin-bottom: 20rem;
        gap: 10rem;
        align-items: center;
        min-height: 14rem;
    }

    .infoSlider__item-img {
        height: 360rem;

    }
}
/* End */


/* Start:/local/templates/mpara_25/assets/css/section/text_bg.css?179251068049*/
.text_bg {}

.text_bg {
    min-height: 100vh;

}
/* End */


/* Start:/local/templates/mpara_25/assets/css/section/gallery.css?17925106807610*/
.gallery {
	--paragraph-spacing: 15rem;
	--text-block-gap: 100rem;
	--text-block-mb: 80rem;
	--text-right-col-gap: 40rem;
	--slide-block-mb: 80rem;
	--section-title-mb: 80rem;
	--nav-block-mb: 80rem;
	--slide-gap: 100rem;
	--slide-width: 900rem;
	--slide-height: 600rem;
	--slide-mr: 100rem;
	--btn-width: 257rem;
	--btn-height: 80rem;
	--btn-padding: 25rem;
	--btn-fz: 16rem;
	--swiper-pagination-bullet-size: 10rem;
	--swiper-pagination-color: var(--main-color);
	overflow: hidden;
}

.gallery._main {
	--swiper-pagination-bottom: -40rem;
}

.gallery._alt {
	--text-fz: 24rem;
	--wrapper-mb: 60rem;
	/* «О мастерской»: отступ заголовка как до слияния с master (--h2-mb) */
	--section-title-mb: initial;
}

@media screen and (max-width:1640px) {
	.gallery {
		--section-title-mb: 60rem;
		--nav-block-mb: 60rem;
		--text-block-gap: 80rem;
		--slide-gap: 80rem;
		--text-block-mb: 60rem;


	}

	.gallery._main {
		--btn-height: 80rem;

	}

	.gallery._alt {
		--text-block-mb: 80rem;
		--wrapper-mb: 30rem;
		--section-title-mb: 40rem;
	}
}

@media screen and (max-width:1480px) {
	.gallery {
		--slide-height: 500rem;
		--section-title-mb: 40rem;
		--nav-block-mb: 40rem;
		--slide-width: 750rem;
		--slide-gap: 60rem;
		--text-fz: 18rem;
		--text-block-gap: 60rem;
		--text-block-mb: 40rem;

	}

	.gallery._main {
		--btn-height: 80rem;
		--btn-width: 234rem;


	}

	.gallery._alt {
		--text-block-mb: 60rem;
		--section-title-mb: 25rem;
		--text-fz: 20rem;

	}
}



@media screen and (max-width:1024px) {
	.gallery {
		--text-block-gap: 20rem;
		--slide-gap: 30rem;
		--slide-width: 450rem;
		--slide-height: 300rem;
		--text-block-mb: 40rem;
		--slider-pb: 40rem;
		--btn-width: 100%;
		--swiper-pagination-bottom: -30rem;
		--btn-padding: 20rem;
	}

	.gallery._main {
		--btn-height: 44rem;
		--btn-width: 185rem;
		--swiper-pagination-bottom: -30rem;
		--text-right-col-gap: 30rem;

	}
}

@media screen and (max-width:640px) {
	.gallery {
		--text-block-gap: 15rem;
		--slide-width: 320rem;
		--slide-height: 213rem;
		--slide-gap: 30rem;
		--text-block-mb: 30rem;
		--big-text: 18rem;
		--section-title-mb: 10rem;
		--slider-pb: 30rem;

		--swiper-pagination-bottom: -30px;
	}

	.gallery._main {
		--section-title-mb: 30rem;

		--btn-height: 44rem;
		--btn-width: 100%;


	}

	.gallery._alt {
		--text-fz: 14rem;
		--swiper-pagination-bottom: -30px;
		--text-block-mb: 40rem;
		--section-title-mb: 10rem;
	}

	.gallery .slider__title {
		--section-title-mb: 30rem;

	}
}

@media screen and (max-width:580px) {
	.gallery {
		--slide-gap: 20rem;



	}


}

/* 
.gallery .container:last-child {
	overflow: visible;
	display: contents;
} */
.gallery._main h2 {
	text-align: center;

}

.gallery .swiper-wrapper {
	overflow: initial;
	transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);


}

.gallery .swiper {
	overflow: initial;
}

.gallery .swiper-pagination {
	height: 10rem;
	display: none;
	justify-content: center;
	bottom: -30rem;
}

.gallery .swiper-pagination-bullet {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: relative;
}

.gallery__text {
	display: flex;
	margin-bottom: var(--text-block-mb);
	gap: var(--text-block-gap);

}

.gallery .slider__title {
	--btn-width: 216rem;
	--btn-height: 50rem;

	margin-bottom: var(--nav-block-mb);
}

.gallery .slider__title .siteBtn {
	font-size: var(--btn-fz);
	margin-top: 0;
}

.slider__title-wrapper {
	display: flex;
	gap: 40rem;
	align-items: start;
}

.gallery__text p {
	max-width: 690rem;
}

._alt .gallery__text {
	justify-content: center;
}

._alt .gallery__text p {
	max-width: 1100rem;
	text-align: center;
	font-size: var(--text-fz);

}

._alt .animateSlider__nav {
	margin: 0 auto;
}

._alt .animateSlider__nav svg path {
	fill: #C19D6E;
	stroke: #C19D6E;
}

.gallery__wrapper {
	overflow: visible;
	margin-bottom: var(--text-block-mb);
}

._alt .gallery__wrapper {
	height: var(--slide-height);
	margin-bottom: var(--wrapper-mb);
}

._alt .gallery .slider__title {
	margin-bottom: 0;
}

.gallery .animateSlider__item {
	/* flex: 0 0 calc(var(--slide-width) + var(--slide-gap)); */
}

/* .gallery .swiper-slide {
	width: fit-content;
	margin-left: calc(var(--slide-gap) / 2);
	margin-right: calc(var(--slide-gap) / 2);
	text-align: center;
}
 */
.gallery__col._right {
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
	gap: var(--text-right-col-gap);
}

.galleryItem__bg {
	width: 100%;
	height: 100%;
	display: flex;
}

.galleryItem__bg img {
	width: 100%;
	height: 100%;
}

.galleryItem {
	/* width: var(--slide-width); */
	height: 100%;
	/* aspect-ratio: 900 / 600; */
	height: var(--slide-height);
	position: relative;
	display: flex;
	gap: 10rem;
	justify-content: space-between;
	padding: var(--slidePadding);
}

.galleryItem picture {
	display: flex;
	height: 100%;
	width: 100%;
	position: relative;

}

.gallery span {
	position: absolute;
	font-size: 35px;
	color: red;
	left: 0;
	top: 0;
	background-color: #ffff;
	z-index: 300;
}

.gallery._main .animateSlider__nav {
	margin: 0 auto;
	user-select: none;
}

.gallery .animateSlider__nav-item[data-disabled=true] {
	pointer-events: all;
	opacity: 1;
}

.gallery .swiper-slide {
	width: var(--slide-width) !important;
	flex: none;
}

@media screen and (max-width:1640px) {

	.gallery__text p {
		max-width: 700rem;
	}
}




@media screen and (max-width:1024px) {

	.gallery .siteBtn {
		margin-top: 40rem;
	}

	/* .gallery .swiper-pagination {
		display: block;

	}
	.swiper-pagination-bullet{
		position: relative;
	}
	.swiper-pagination-bullet::before{
		content: "";
		width: 20px;
		height: 20px;
		position: absolute;
		inset: 0;
		transform: translate(-50%, -50%);
	}

	.gallery .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
	.gallery .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
		transform: scale(0) !important;
	}

	.gallery .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
	.gallery .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
		transform: scale(1) !important;
	}

	.gallery__wrapper .swiper {
		padding-bottom: var(--slider-pb);
	} */

	.gallery._main .siteBtn {
		margin-top: 0;
		font-size: 14rem;
		white-space: nowrap;
	}

	.gallery .swiper-pagination {
		display: flex;
	}

	.gallery .slider__title {
		display: none;
	}

	.gallery__text {
		flex-direction: column;
		gap: 20rem;
	}

	.gallery__text p {
		max-width: 100%;
	}

	.gallery__wrapper {
		padding-bottom: 40rem;
	}

	._main .gallery__wrapper {
		padding-bottom: 30px;
	}

	.galleryItem__bg._mobile {
		display: flex;
	}
}

@media screen and (max-width:1024px) {

	.slider__title-wrapper {
		align-items: center;
	}

	.slider__title-wrapper h2 {
		margin: 0;
	}

	.gallery .slider__title {
		--btn-width: 216rem;
		--btn-height: 42rem;
	}

	.gallery._main h2 {
		text-align: left;
	}
}

@media screen and (max-width:640px) {
	.gallery .slider__title-wrapper {
		--btn-fz: 14rem;
		--btn-width: 175rem;
		--btn-padding: 15rem;

		width: 100%;
		justify-content: space-between;
	}

	.gallery .siteBtn {
		margin-top: 30rem;
	}

}
/* End */
/* /local/templates/mpara_25/assets/css/section/first_section_alt.css?17925106805313 */
/* /local/templates/mpara_25/assets/css/section/first_section_animation.css?17925106804878 */
/* /local/templates/mpara_25/assets/css/section/absolute_img_text_about.css?17925106806729 */
/* /local/templates/mpara_25/assets/css/section/descs.css?179251068019688 */
/* /local/templates/mpara_25/assets/css/section/info_slider.css?17925106805289 */
/* /local/templates/mpara_25/assets/css/section/text_bg.css?179251068049 */
/* /local/templates/mpara_25/assets/css/section/gallery.css?17925106807610 */