.site-footer {
				--footer-spacing: 5.5rem;
				--footer-padding-bottom: 4rem;
				background-color: rgb(var(--secondary-color));
				display: flex;
				flex-direction: column;
				position: relative;
			}
			@media (min-width: 768px) {
				.site-footer {
					--footer-spacing: 6.5rem;
				}
			}
			@media (min-width: 990px) {
				.site-footer {
					--footer-spacing: 7.5rem;
					--footer-padding-bottom: 6rem;
				}
			}
			@media (min-width: 1200px) {
				.site-footer {
					--footer-spacing: 8.5rem;
				}
			}
			@media (min-width: 1560px) {
				.site-footer {
					--footer-spacing: 9.5rem;
				}
			}
			.site-footer > * {
				padding-top: var(--footer-spacing);
				width: 100%;
			}
			.site-footer-details {
				display: flex;
				flex-direction: column;
			}
			@media (min-width: 990px) {
				.site-footer-details {
					flex-direction: row;
					gap: 6rem;
				}
			}
			.site-footer-details__section {
				border-top: 0.1rem solid #d7d7d7;
				display: grid;
				flex: 1;
				grid-template-rows: repeat(3, auto);
				padding: 2.5rem;
				row-gap: 1rem;
			}
			@media (min-width: 768px) {
				.site-footer-details__section {
					-moz-column-gap: 3rem;
					column-gap: 3rem;
					grid-template-columns: 1fr auto;
					grid-template-rows: repeat(2, auto);
				}
			}
			@media (min-width: 1200px) {
				.site-footer-details__section {
					-moz-column-gap: 4rem;
					column-gap: 4rem;
					padding: 3.5rem 2rem;
				}
			}
			@media (min-width: 1560px) {
				.site-footer-details__section {
					-moz-column-gap: 6rem;
					column-gap: 6rem;
					padding: 5rem 3rem;
				}
			}
			.site-footer-details__title {
				font-size: 1.4rem;
				font-weight: 500;
				line-height: 1.11;
				text-transform: uppercase;
			}
			@media (min-width: 990px) {
				.site-footer-details__title {
					font-size: 1.8rem;
				}
			}
			.site-footer-details__link {
				align-self: center;
				justify-self: flex-start;
			}
			@media (min-width: 768px) {
				.site-footer-details__link {
					grid-column: 2;
					grid-row: 1/-1;
				}
			}
			.site-footer-pattern {
				height: 4rem;
				margin-top: 0;
				position: relative;
			}
			@media (min-width: 990px) {
				.site-footer-pattern {
					height: 6rem;
				}
			}
			.site-footer-pattern__image {
				inset: 0;
				-o-object-fit: contain;
				object-fit: contain;
				position: absolute;
			}
			@media (min-width: 990px) {
				.site-footer-pattern__image.--mobile {
					display: none;
				}
			}
			@media (max-width: 989px) {
				.site-footer-pattern__image.--desktop {
					display: none;
				}
			}