@charset "utf-8";
/* CSS Document */
html {
	box-sizing: border-box;
}
body {
	line-height: 1.4;
	color: #172023;
	font-family: Inter, sans-serif;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.d-main-wrap {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(12, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	height: calc(var(--vh) * 100);
}
.d-main-v {
	grid-area: 1 / 7 / 13 / 12;
	align-self: stretch;
	justfiy-self: stretch;
	border-left: 1px solid #333;
}

.d-main-1 {
	grid-area: 2 / 1 / 13 / 7;
	align-self: start;
	justfiy-self: stretch;
	word-wrap: break-word;
}
.d-main-2 {
	grid-area: 1 / 7 / 12 / 13;
	align-self: end;
	justfiy-self: stretch;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.d-main-2 p {
	display: block;
	padding: 2vmax 0 2vmax 2vmax;
}
.d-main-3 {
	grid-area: 4 / 2 / 5 / 12;
	align-self: center;
	justfiy-self: stretch;
}
@media screen and (max-width: 60em) {
.d-main-v {
	grid-area: 1 / 2 / 13 / 12;
	border-left: 1px solid #333;
}

.d-main-1 {
	grid-area: 2 / 3 / 7 / 13;
}
.d-main-2 {
	grid-area: 7 / 2 / 12 / 13;
}
}
.d-f-sup15 {
	font-size: clamp(4.68rem, 2.57rem + 8.7vw, 9.49rem);
}
.d-f-sup2 {
	font-size: clamp(4.91rem, 2.75rem + 10.80vw, 11.39rem);
}
.d-tt-u {
	text-transform: uppercase;
}
.d-ls-003 {
	letter-spacing: -0.03em;
}
.d-ls-006 {
	letter-spacing: -0.06em;
}
.d-pm0 {
	margin: 0;
	padding: 0;
}
.d-lh-1 {
	line-height: 1;
}
.d-f-w-2 {
	font-weight: 200;
}
.d-f-w-4 {
	font-weight: 400;
}