@font-face {
	font-family: "Gretaros";
	src: url("fonts/Gretaros-Regular.otf") format("opentype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

.daze-home-editorial {
	clear: both;
	padding: 0 0 72px;
}

.daze-home-editorial__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}

.daze-home-editorial__tile,
.daze-home-editorial__link {
	position: relative;
	display: block;
	margin: 0;
	min-width: 0;
	overflow: hidden;
}

.daze-home-editorial__tile {
	container-type: inline-size;
}

.daze-home-editorial__link {
	aspect-ratio: 1 / 1;
	background: transparent;
}

.daze-home-editorial__tile--journal .daze-home-editorial__link.is-image-loaded {
	background: #080808;
}

.daze-home-editorial__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
	transition: transform 280ms ease;
}

.daze-home-editorial__tile--journal .daze-home-editorial__image {
	object-fit: contain;
	object-position: center 42%;
}

.daze-home-editorial__link:hover .daze-home-editorial__image,
.daze-home-editorial__link:focus-visible .daze-home-editorial__image {
	transform: scale(1.012);
}

.daze-home-editorial__shade {
	position: absolute;
	inset: 42% 0 0;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .72));
	pointer-events: none;
}

.daze-home-editorial__shade,
.daze-home-editorial__title,
.daze-home-editorial__logo {
	opacity: 0;
	transition: opacity 200ms ease;
}

.is-image-loaded .daze-home-editorial__shade,
.is-image-loaded .daze-home-editorial__title,
.is-image-loaded .daze-home-editorial__logo {
	opacity: 1;
}

.daze-home-editorial__title {
	position: absolute;
	left: 4.1%;
	right: 22%;
	bottom: 4.5%;
	z-index: 2;
	color: #fff;
	font-family: "Gretaros", Arial Black, Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -.025em;
	text-align: left;
	text-transform: uppercase;
}

.daze-home-editorial__title-main,
.daze-home-editorial__title-sub {
	display: block;
}

.daze-home-editorial__title-main {
	font-size: 13cqw;
	line-height: .78;
	white-space: nowrap;
}

.daze-home-editorial__title-sub {
	max-width: 100%;
	margin-top: .32em;
	font-size: 5.7cqw;
	line-height: .92;
	letter-spacing: -.012em;
	text-wrap: balance;
}

.daze-home-editorial__logo {
	position: absolute;
	right: 3.1%;
	bottom: 4.5%;
	z-index: 2;
	display: block;
	width: 14.5%;
	height: auto;
}

@media (max-width: 767px) {
	.daze-home-editorial {
		padding-bottom: 42px;
	}

	.daze-home-editorial__grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.daze-home-editorial__title {
		right: 18%;
	}

	.daze-home-editorial__logo {
		width: 14.5%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.daze-home-editorial__image {
		transition: none;
	}
	.daze-home-editorial__shade,
	.daze-home-editorial__title,
	.daze-home-editorial__logo {
		transition: none;
	}
}