:root {
		--color-blue: #0F162C;
		--color-gold: #A97C50;

		--color-black: #000000;
		--color-black-08: rgba(0, 0, 0, 0.8);
		--color-black-05: rgba(0, 0, 0, 0.5);
		--color-black-04: rgba(0, 0, 0, 0.4);
		--color-black-02: rgba(0, 0, 0, 0.2);
		--color-black-01: rgba(0, 0, 0, 0.1);

		--color-white: #FFFFFF;
		--color-white-08: rgba(255, 255, 255, 0.8);
		--color-white-07: rgba(255, 255, 255, 0.7);
		--color-white-06: rgba(255, 255, 255, 0.6);
		--color-white-04: rgba(255, 255, 255, 0.4);
		--color-white-02: rgba(255, 255, 255, 0.2);
		--color-white-00: rgba(255, 255, 255, 0);
	}

	html,body {
		font-family: proxima-nova, sans-serif;
		font-size: 16px;
		line-height: 1.77;
		font-weight: 500;
		color: var(--color-white);
		background: var(--color-blue);
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		min-height: 100vh;
		min-height: 100svh;
		min-height: 100dvh;
	}

	body {
		display: flex;
	}

	b, strong {
		font-weight: bold;
	}

	.wrap {
		max-width: 1140px;
		width: 100%;
		padding: 0 15px;
	}

	.fourth-dimension {
		position: relative;
		padding: 50px 0;
		display: flex;
		min-height: 100%;
		flex: 1;
		display: flex;
		justify-content: center;
	}

	h1 {
		font-size: 65px;
		line-height: 1.19;
		font-family: berthold-baskerville-pro, sans-serif;
	}

	h1 span {
		font-style: italic;
	}


	.fourth-dimension__logo {
	}


	.fourth-dimension__background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: .4;
	}

	.fourth-dimension__inner {
		position: relative;
		max-width: 850px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		z-index: 1;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.fourth-dimension__content {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
		margin: auto;
	}


	.fourth-dimension__content p {
		font-size: 18px;
		line-height: 1.66;
	}

	.fourth-dimension__buttons {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px 40px;

		p {
			width: 100%;
		}
	}

	.fourth-dimension__buttons a {
		font-weight: 500;
		display: flex;
		align-items: center;
		gap: 15px;
		transition: text-decoration 0.3s ease;
		color: var(--color-white);

		&:before {
			content: "";
			width: 45px;
			height: 45px;
			border: 1px solid var(--color-gold);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: all .6s ease;
		}

		&:hover {
			text-decoration: underline;

			&:before {
				background-color: var(--color-gold);
			}
		}
	}

	.fourth-dimension__buttons .email:before {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 7L13.009 12.727C12.7039 12.9042 12.3573 12.9976 12.0045 12.9976C11.6517 12.9976 11.3051 12.9042 11 12.727L2 7' stroke='%23A97C50' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 4H4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4Z' stroke='%23A97C50' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
		background-size: 24px auto;
		background-repeat: no-repeat;
		background-position: center;
	}

	.fourth-dimension__buttons .email:hover:before {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 7L13.009 12.727C12.7039 12.9042 12.3573 12.9976 12.0045 12.9976C11.6517 12.9976 11.3051 12.9042 11 12.727L2 7' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 4H4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	}

		.fourth-dimension__buttons .telephone:before {
			background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.832 16.568C14.0385 16.6628 14.2712 16.6845 14.4917 16.6294C14.7122 16.5744 14.9073 16.4458 15.045 16.265L15.4 15.8C15.5863 15.5516 15.8279 15.35 16.1056 15.2111C16.3833 15.0723 16.6895 15 17 15H20C20.5304 15 21.0391 15.2107 21.4142 15.5858C21.7893 15.9609 22 16.4696 22 17V20C22 20.5304 21.7893 21.0391 21.4142 21.4142C21.0391 21.7893 20.5304 22 20 22C15.2261 22 10.6477 20.1036 7.27208 16.7279C3.89642 13.3523 2 8.7739 2 4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H7C7.53043 2 8.03914 2.21071 8.41421 2.58579C8.78929 2.96086 9 3.46957 9 4V7C9 7.31049 8.92771 7.61672 8.78885 7.89443C8.65 8.17214 8.44839 8.41371 8.2 8.6L7.732 8.951C7.54842 9.09118 7.41902 9.29059 7.36579 9.51535C7.31256 9.74012 7.33878 9.97638 7.44 10.184C8.80668 12.9599 11.0544 15.2048 13.832 16.568Z' stroke='%23A97C50' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
			background-size: 24px auto;
			background-repeat: no-repeat;
			background-position: center;
		}

		.fourth-dimension__buttons .telephone:hover:before {
			background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.832 16.568C14.0385 16.6628 14.2712 16.6845 14.4917 16.6294C14.7122 16.5744 14.9073 16.4458 15.045 16.265L15.4 15.8C15.5863 15.5516 15.8279 15.35 16.1056 15.2111C16.3833 15.0723 16.6895 15 17 15H20C20.5304 15 21.0391 15.2107 21.4142 15.5858C21.7893 15.9609 22 16.4696 22 17V20C22 20.5304 21.7893 21.0391 21.4142 21.4142C21.0391 21.7893 20.5304 22 20 22C15.2261 22 10.6477 20.1036 7.27208 16.7279C3.89642 13.3523 2 8.7739 2 4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H7C7.53043 2 8.03914 2.21071 8.41421 2.58579C8.78929 2.96086 9 3.46957 9 4V7C9 7.31049 8.92771 7.61672 8.78885 7.89443C8.65 8.17214 8.44839 8.41371 8.2 8.6L7.732 8.951C7.54842 9.09118 7.41902 9.29059 7.36579 9.51535C7.31256 9.74012 7.33878 9.97638 7.44 10.184C8.80668 12.9599 11.0544 15.2048 13.832 16.568Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
		}


	@media only screen and (max-width: 768px) {
		html,
		body {
			font-size: 16px;
		}

		h1 {
			font-size: 2.15rem;
		}

		.fourth-dimension__content {
			gap: 28px;
		}

		.fourth-dimension__buttons {
			gap: 20px;
		}
	}