@charset "UTF-8";
.article {
		padding-top: var(--side-block);
		padding-bottom: var(--side-block);
}
@media only screen and (max-width: 699.99px) {
		.article {
				--side-block: 16px;
				padding-top: 24px;
				padding-bottom: 24px;
		}
}
.article > *:first-child {
		margin-top: 0 !important;
}
.article > *:last-child {
		margin-bottom: 0 !important;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
		color: var(--title);
		font-weight: bold;
		line-height: 1.2;
		font-family: var(--font-title);
		font-variant-numeric: lining-nums;
		margin: var(--article-vert) 0 16px 0;
}
.article h1 {
		font-weight: 800;
		font-size: 32px;
}
.article h2 {
		font-size: 24px;
}
@media only screen and (max-width: 699.99px) {
		.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
				font-weight: bold;
		}
		.article h1 {
				font-size: 24px;
		}
		.article h2 {
				font-size: 22px;
		}
}
.article .date {
		color: var(--additional-text);
		font: normal 14px/1.2 var(--font-title);
		font-variant-numeric: lining-nums;
		margin: -8px 0 16px 0;
}
.article-gallery {
		margin: 32px 0;
		display: flex;
		flex-direction: column;
}
@media only screen and (max-width: 699.99px) {
		.article-gallery {
				margin-top: 24px;
		}
}
.article-gallery > * {
		flex: 0 0 auto;
		width: 100%;
}
.article-gallery-main {
		border-radius: var(--radius);
		background: var(--gallery-bg);
}
.article-gallery-main .swiper-slide {
		width: 100%;
		position: relative;
		aspect-ratio: 900/600;
}
.article-gallery-main .swiper-slide .caption {
		display: none;
}
.article-gallery-main img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		max-width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		transform: translate3d(-50%, -50%, 0);
}
@media only screen and (max-width: 1199.99px) {
		.article-gallery .slider-wrap {
				width: auto !important;
				margin: 0 calc(var(--side-block) * -1) !important;
		}
		.article-gallery-main {
				border-radius: var(--radius) var(--radius) 0 0;
		}
}
.article-gallery-captions {
		margin: 16px 0;
}
.article-gallery-captions .swiper-slide {
		width: 100%;
}
.article-gallery .slider-pages {
		width: auto;
		align-self: flex-start;
		margin: 26px 0 16px 16px;
}
.article-gallery-thumbs {
		width: auto !important;
		margin: 0 calc(var(--side-block) * -1) !important;
		padding: 0 calc(var(--side-block) - 8px) !important;
}
.article-gallery-thumbs .swiper-slide {
		width: 25%;
		padding: 0 8px;
		max-width: 110px;
}
.article-gallery-thumbs img {
		display: block;
		width: 100%;
		aspect-ratio: 75/59;
		border-radius: var(--radius);
		object-fit: cover;
		object-position: center;
		transition: border 0.4s ease;
		border: 0px solid var(--accent);
		background: var(--gallery-bg);
}
.article-gallery-thumbs .swiper-slide-thumb-active img {
		border-width: 2px;
}
@media only screen and (max-width: 699.99px) {
		.article-gallery .slider-pages {
				align-self: flex-end;
				margin: -40px 0 27px 0;
		}
		.article-gallery .slider-wrap .slider-arrow {
				left: var(--side-block);
		}
		.article-gallery:has(.article-gallery-captions) .slider-pages, .article-gallery:has(.article-gallery-captions) .slider-arrow {
				display: none;
		}
		.article-gallery:has(.article-gallery-captions) .slider-wrap {
				padding-bottom: 0;
		}
}
@media only screen and (min-width: 700px) {
		.article-gallery:has(.article-gallery-captions) .slider-pages, .article-gallery:has(.article-gallery-captions) .slider-arrow {
				display: none;
		}
}
@media only screen and (min-width: 700px) and (max-width: 1199.99px) {
		.article-gallery .slider-wrap {
				padding: 0;
		}
		.article-gallery .slider-wrap .slider-arrow {
				position: absolute;
				top: 50%;
				margin: 0 -10px;
				transform: translate3d(0, -50%, 0);
		}
		.article-gallery .slider-wrap .slider-arrow-prev {
				left: 0;
		}
		.article-gallery .slider-wrap .slider-arrow-next {
				right: 0;
				left: auto;
		}
}
@media only screen and (min-width: 1200px) {
		.article-gallery .slider-wrap {
				/*max-width: 712px;*/
		}
}
.article .big {
		font-family: var(--font-title);
		font-variant-numeric: lining-nums;
		font-size: 18px;
}
.article .accent, .article blockquote {
		margin: var(--article-vert) 0;
		padding: 22px 0;
		display: block;
		color: var(--accent);
		border-style: solid;
		border-width: 1px 0;
		border-color: var(--stroke50);
		font-weight: bold;
		line-height: 1.1;
		font-size: 24px;
		font-family: var(--font-title);
		font-variant-numeric: lining-nums;
}
@media only screen and (max-width: 699.99px) {
		.article .accent, .article blockquote {
				font-size: 18px;
		}
}
@media only screen and (max-width: 1199.99px) {
		.article .accent, .article blockquote {
				padding-top: 16px;
				padding-bottom: 16px;
		}
}
.article .accent > *:first-child, .article blockquote > *:first-child {
		margin-top: 0 !important;
}
.article .accent > *:last-child, .article blockquote > *:last-child {
		margin-bottom: 0 !important;
}
.article .accent-list {
		margin-top: 32px;
		margin-bottom: 32px;
		font-family: var(--font-title);
		font-variant-numeric: lining-nums;
		font-size: 18px;
		color: var(--accent);
		font-weight: bold;
}
@media only screen and (max-width: 699.99px) {
	.article .accent-list{
		margin-top: 16px;margin-bottom: 16px;border-style: solid;
		border-width: 1px 0;border-color: var(--stroke50);padding: 16px 0;
	}
}
.article-media {
		margin: var(--article-vert) 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		gap: 16px 22px;
		container-type: inline-size;
		container-name: article-media;
}
.date + .article-media {
		margin-top: 32px;
}
.article-media > *:not(.caption) {
		flex: 0 0 auto;
		width: 100%;
		max-width: 640px;
}
.article-media.wid-min > *:not(.caption) {
		max-width: 320px;
}
.article-media.wid-med > *:not(.caption) {
		max-width: 410px;
}
@container article-media (min-width: 600px) {
		.article-media.wid-min .caption, .article-media.wid-med .caption {
				max-width: 186px;
		}
}
.caption {
		font: normal 14px/1.2 var(--font-title);
		font-variant-numeric: lining-nums;
		color: var(--additional-text);
		letter-spacing: 0.02em;
}
.article-media .caption {
		flex: 1;
		min-width: 150px;
		max-width: 100%;
}
.article-media .video {
		aspect-ratio: 16/9;
		position: relative;
}
.article-media .video.full {
		max-width: none;
}
.article-media .video iframe, .article-media .video video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		outline: none;
		border-radius: var(--radius);
}
.article-media img {
		border-radius: var(--radius);
		width: 100%;
		height: auto;
}