@charset "UTF-8";
.card-article {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		container-type: inline-size;
		container-name: card-article;
		padding: var(--side-block);
}
.card-article:has(.image) .card-pattern {
		display: none;
}
.card-article .icon {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: var(--side-block);
}
.card-article .image {
		overflow: hidden;
		border-radius: 0 0 var(--radius) 0;
		backface-visibility: hidden;
		position: absolute;
		bottom: 0;
		right: 0;
		aspect-ratio: 956/708;
}
.card-article .image img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		mask-image: url("../img/card-article-image-big.png");
		mask-repeat: no-repeat;
		mask-position: 100% 100%;
		mask-size: contain;
}
.card-article .title.accent {
		color: var(--accent);
}
.style-plant .card-article .card-pattern:before {
		bottom: 0;
		transform: translate3d(-50%, 0, 0);
		left: 75%;
}
@media only screen and (max-width: 699.99px) {
		.card-article {
				padding-bottom: 224px;
		}
		.card-article .image {
				width: 256px;
		}
		.style-geo .card-article .card-pattern:before {
				bottom: 0;
				left: 0;
				right: 0;
				height: calc(var(--geo) * 2);
		}
}
@media only screen and (min-width: 700px) and (max-width: 1199.99px) {
		.card-article {
				padding-right: 243px;
				min-height: 254px;
		}
		.card-article-big {
				padding-bottom: 224px;
				padding-right: var(--side-block);
		}
		.card-article .image {
				width: 256px;
		}
		.style-geo .card-article .card-pattern:before {
				top: 0;
				bottom: 0;
				right: 0;
				width: calc(var(--geo) * 2);
		}
}
@media only screen and (min-width: 1200px) {
		.card-article {
				min-height: 400px;
				padding-top: 40px;
				padding-bottom: 40px;
				gap: 20px;
		}
		.card-article-big .link-more {
				min-width: 186px;
				margin-top: 20px;
		}
		.style-geo .card-article .card-pattern:before {
				top: 0;
				bottom: 0;
				right: 0;
				width: calc(var(--geo) * 2);
		}
		.card-article .text {
				margin-right: 230px;
		}
		.card-article:has(.image) .title {
				margin-right: 230px;
		}
		.card-article:has(.image) .text {
				margin-right: 300px;
		}
		.card-article .image {
				width: 351px;
				aspect-ratio: 704/693;
		}
		.card-article .image img {
				mask-image: url("../img/card-article-image.png");
		}
		@container card-article (max-width: 540px) {
				.card-article .image {
						width: 256px;
				}
				.card-article .text {
						margin-right: 0;
				}
				.card-article:has(.image) .title {
						margin-right: 0;
				}
				.card-article:has(.image) .text {
						margin-right: 250px;
				}
		}
		@container card-article (min-width: 700px) {
				.style-geo .card-article .card-pattern:before {
						width: calc(var(--geo) * 3);
				}
		}
		@container card-article (min-width: 1000px) {
				.style-plant .card-article .card-pattern:before {
						width: 800px;
						height: 800px;
				}
				.card-article .image {
						width: 477px;
				}
				.style-geo .card-article .card-pattern:before {
						width: calc(var(--geo) * 4);
				}
				.card-article .title {
						margin-right: 440px !important;
				}
				.card-article .text {
						margin-right: 440px !important;
				}
				.card-article .image {
						aspect-ratio: 956/708;
				}
				.card-article .image img {
						mask-image: url("../img/card-article-image-big.png");
				}
		}
}