/*Шапка*/
.hero
{
	position: relative;
	/*height:100svh;*/
}

.hero__meta
{
	height: 100%;
	display: grid;
	grid-template-rows: 1fr auto;
	align-items: end;
}

.hero__meta-h1
{
	font-size: 43px;
	line-height: 1;
}

.hero__meta-text
{
	line-height: 1.35;
	font-size: 95%;
}

.hero__meta-text p:not(:last-child)
{
	margin-bottom: 20px;
}

.hero__meta-text a
{
	text-decoration: underline;
}

@media (max-width: 990px)
{
	.hero
	{
		grid-template-rows: 70vh max-content;
		row-gap: 0;
	}
	
	.hero__picture-wrapper
	{
		position: relative;
	}
	
	.hero__picture
	{
		position: absolute;
		height: 100%;
		width: 100%;
	}
	
	.hero__meta-title
	{
		margin-top: 50px;
	}
	
	.hero__meta-subtitle
	{
		margin-bottom: 50px;
	}
	
	.hero__meta-text
	{
		margin-bottom: 75px;
	}
}

@media (min-width: 990px)
{
	.hero__picture-wrapper
	{
		height: 100vh;
	}
	
	.hero__picture
	{
		position: absolute;
		width: 100vw;
		height: 100%;
	}
	
	.hero__meta-title
	{
		margin-bottom: 50px;
	}
	
	.hero__meta-h1
	{
		font-size: 80px;
		line-height: 1;
		margin-bottom: 0;
	}
	
	.hero__meta-subtitle
	{
		margin-bottom: 100px;
	}
	
	.hero__meta-text
	{
		padding-right: 50px;
		margin-bottom: 50px;
	}
}

/*Поиск*/
.search
{
	margin-top: 50px;
}

.search__wrapper
{
	background-color: #FFF6F4;
	margin: 0 calc(-1 * var(--indent));
	padding:50px var(--indent);
}

.search__title
{
	text-transform: uppercase;
	font-size: 25px;
	text-align: center;
	margin-bottom: 25px;
	color: #574440;
}

.search__form
{
	display: grid;
	grid-template-columns: auto 50px;
	gap:var(--gap);
}

.search__input
{
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #87685F;
	height: 50px;
	font-size: 20px;
	font-style: italic;
}

.search__submit
{
	background-color: #87685F;
	border: none;
	background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.2817 6.39657C33.1568 2.27165 27.6727 0 21.8392 0C16.0056 0 10.5214 2.27165 6.39657 6.39657C2.27165 10.5214 0 16.0056 0 21.8391C0 27.6726 2.27165 33.1568 6.39657 37.2816C10.5214 41.4064 16.0057 43.6782 21.8392 43.6782C27.6726 43.6782 33.1568 41.4064 37.2817 37.2816C41.4066 33.1568 43.6783 27.6726 43.6783 21.8391C43.6782 16.0056 41.4066 10.5214 37.2817 6.39657ZM21.8391 39.511C12.0947 39.511 4.16713 31.5834 4.16713 21.8391C4.16713 12.0947 12.0948 4.16713 21.8392 4.16713C31.5835 4.16713 39.511 12.0947 39.511 21.8391C39.511 31.5834 31.5834 39.511 21.8391 39.511Z' fill='white'/%3E%3Cpath d='M50.9689 48.0281L37.2717 34.331C36.458 33.5173 35.1387 33.5173 34.325 34.331C33.5114 35.1447 33.5114 36.4639 34.325 37.2776L48.0222 50.9747C48.429 51.3816 48.9623 51.585 49.4955 51.585C50.0288 51.585 50.5621 51.3816 50.9689 50.9747C51.7825 50.161 51.7825 48.8418 50.9689 48.0281Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px;
	cursor: pointer;
	transition:var(--transition);
	will-change:transform;
}

.search__submit:hover
{
	transform: scale(0.96);
}

@media (min-width: 990px)
{
	.search
	{
		margin-top: 150px;
	}
	
	.search__wrapper
	{
		padding-top: 100px;
		padding-bottom: 125px;
	}
	
	.search__title
	{
		font-size: 39px;
		margin-bottom: 75px;
	}
	
	.search__form
	{
		grid-template-columns: auto 80px;
	}
	
	.search__input
	{
		height: 75px;
		font-size: 32px;
	}
	
	.search__submit
	{
		background-size: 35px;
	}
}

/*Результат поиска*/
.search-query
{
	font-size: 26px;
	text-align: center;
	text-decoration: none;
	font-style: italic;
	margin-top: 50px;
}

@media (min-width: 990px)
{
	.search-query
	{
		font-size: 30px;
		margin-top: 100px;
	}
}

/*Список историй*/
.list
{
	margin-top: 75px;
}

.list__divider
{
	height: 1px;
	margin: 50px 0;
	background-color: #E58D99;
}

.list__divider:has(+ .grid)
{
	display: none;
}

@media (min-width: 990px)
{
	.list
	{
		margin-top: 125px;
	}
	
	.list__divider
	{
		margin: 100px 0;
	}
}

/*История*/
.item
{
	position: relative;
	margin: 0 calc(-1 * var(--indent));
	padding:75px var(--indent);
	background-color:var(--bg-color);
	background-image:var(--bg-xs);
	background-repeat: no-repeat;
	background-position: center top;
	/*background-size: 100% 100%;*/
	content-visibility: auto;
	contain-intrinsic-size:500px;
}

.item__meta
{
}

.item__author
{
	font-style: italic;
	font-weight: bold;
	text-transform: none;
	font-size: 19px;
	margin-bottom: 15px;
}

.item__city
{
	margin-bottom: 50px;
}

.item__text
{
	font-style: italic;
	/*font-size: 16.5px;*/
	line-height: 1.25;
}

.item__text p:not(:last-of-type)
{
	margin-bottom: 25px;
}

.item__btn
{
	width: 100%;
	margin: 50px auto 0;
	font-size: 14px;
	height: 45px;
	background-color:var(--btn-color);
}

.item-sid
{
	position: absolute;
	bottom: 25px;
	right: 25px;
	font-size: 11px;
	font-style: italic;
	font-weight: 100;
	color: #B69B9B;
	mix-blend-mode: multiply;
	opacity: 0.3;
}

@media (min-width: 990px)
{
	.item
	{
		background-image:var(--bg-lg);
		font-size: 17px;
		min-height: 535px;
	}
	
	.item__meta
	{
		grid-column: 4 / span 3;
	}
	
	.item__author,
	.item__city
	{
		font-size: 26px;
	}
	
	.item__text
	{
		/*height: 253px;*/
	}
	
	.item__btn
	{
		width: 100%;
		font-size: 16px;
		height: 50px;
	}
}

/*Если нет историй*/
.empty
{
	text-align: center;
}

.empty__text
{
	font-style: italic;
	margin-bottom: 50px;
}

.empty .btn
{
	margin-bottom: 50px;
	width: 100%;
}

@media (min-width: 990px)
{
	.empty .btn
	{
		width: 630px;
	}
}

/*Пейджинация*/
.pagination
{
	margin: 50px 0px;
	display: flex;
	/*justify-content: space-between;*/
	justify-content: space-evenly;
	align-items: center;
}

.pagination_page
{
	padding: 5px;
}

.pagination_page:hover
{
	padding-top: 7px;
}

.pagination_page.active
{
	font-size: 170%;
	border-bottom: 1px solid black;
	padding: 10px;
}

@media (min-width: 990px)
{
	.pagination
	{
		margin: 50px 0px 100px;
		grid-column: 4 / span 6;
	}
}