/*
 * Brodnik CSS bundle: home.css
 * Homepage-only non-critical blocks below the preserved critical first viewport.
 * Extracted from legacy styles.css/custom.css after usage audit.
 */

.mitich-banner{position: relative;
	min-height: 160px;
	margin-top: 14px;
	overflow: hidden;
	border-radius: 10px;
	background: var(--deep-night);
	color: var(--light-text);
	box-shadow: var(--shadow-card);}

.mitich-banner img{position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(.86) contrast(1.08);}

.mitich-banner::after{content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(11,17,16,.86), rgba(11,17,16,.44));}

.mitich-banner__content{position: relative;
	z-index: 2;
	min-height: 160px;
	display: grid;
	grid-template-columns: 58px 1fr auto;
	align-items: center;
	gap: 18px;
	padding: 22px 30px;}

.mitich-banner .spark{margin: 0;
	color: var(--dust-gold);
	font-size: 34px;
	line-height: 1;}

.mitich-banner h2{margin: 0 0 4px;
	font-family: var(--font-heading);
	font-size: 28px;
	line-height: 1;
	font-weight: 600;
	color: #f5d7ae;}

.mitich-banner p:not(.spark, .spark-small){margin: 10px 0;
	max-width: 540px;
	color: rgba(247, 242, 232, .86);
	font-size: 14px;
	line-height: 1.45;}

.mitich-banner .subtitle{color: var(--dust-gold);
	font-size: 14px;
	font-weight: 600;}

.mitich-banner .content__block{max-width: 50%;}

.feature-rail{align-self: start;
	padding-top: 75px;
	display: grid;
	gap: 8px;}

.feature-link{position: relative;
	min-height: 73px;
	display: grid;
	overflow: hidden;
	grid-template-columns: 52px 1fr 20px;
	align-items: center;
	gap: 14px;
	padding: 12px 14px;
	border-radius: 10px;
	background: rgba(251, 247, 239, .76);
	border: 1px solid rgba(16,35,29,.06);
	color: var(--soft-charcoal);
	text-decoration: none;
	transition: transform .22s var(--ease-soft), box-shadow .22s var(--ease-soft), background .22s var(--ease-soft);}

.feature-link:hover{transform: translateX(2px);
	background: rgba(255,253,248,.94);
	box-shadow: var(--shadow-card);}

.feature-link__icon{width: 48px;
	height: 48px;
	display: grid;
	place-items: center;
	border-radius: 14px;
	background: rgba(255, 253, 248, .56);}

.feature-link__icon img{width: 38px;
	height: 38px;}

.feature-link strong{display: block;
	font-size: 14px;
	line-height: 1.15;
	font-weight: 850;}

.feature-link em{display: block;
	max-width: 210px;
	margin-top: 3px;
	color: var(--muted-text);
	font-style: normal;
	font-size: 12px;
	line-height: 1.25;}

.feature-link b{color: var(--road-clay);
	font-size: 30px;
	font-weight: 400;}

.feature-link--dark{isolation: isolate;
	background: #0b1110;
	color: var(--light-text);
	border-color: rgba(255,255,255,.08);}

.feature-link--dark:hover{background: #0b1110;}

.feature-link__background{position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(.86) contrast(1.08);}

.feature-link--dark::after{content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		rgba(11,17,16,.92),
		rgba(11,17,16,.72)
	);}

.feature-link--dark:hover::after{background: linear-gradient(
		90deg,
		rgba(11,17,16,.88),
		rgba(11,17,16,.58)
	);}

.feature-link--dark em{color: rgba(247, 242, 232, .76);}

.feature-link--dark .feature-link__icon{background: rgba(11,17,16,.46);}

.mobile-sections{display: none;
	padding: 0 clamp(22px, 4vw, 56px);
	gap: 8px;
	grid-template-columns: repeat(3, 1fr);}

.mobile-sections a{min-height: 74px;
	display: grid;
	place-items: center;
	gap: 4px;
	padding: 10px;
	border-radius: 10px;
	background: rgba(251, 247, 239, .76);
	color: var(--soft-charcoal);
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	line-height: 1.15;
	font-weight: 750;}

.mobile-sections img{width: 33px;
	height: 33px;}

.newsletter{position: relative;
	z-index: 2;
	margin: 0 clamp(22px, 4vw, 56px) -35px;
	padding: 18px 36px;
	display: grid;
	grid-template-columns: 150px minmax(0, .9fr) minmax(320px, 1.1fr);
	align-items: center;
	gap: 26px;
	border-radius: 10px;
	background: rgba(251, 247, 239, .94);
	border: 1px solid rgba(16,35,29,.08);
	box-shadow: var(--shadow-soft);}

.newsletter__decor{width: 156px;
	max-height: 94px;
	object-fit: contain;
	transform: translateY(-2px);}

.newsletter__text h2{margin: 0;
	color: var(--charcoal);
	font-family: var(--font-heading);
	font-size: 32px;
	line-height: 1;
	font-weight: 600;}

.newsletter__text p{margin: 7px 0 0;
	color: var(--soft-charcoal);
	font-size: 14px;
	line-height: 1.35;}

.newsletter__form{display: grid;
	grid-template-columns: minmax(0, 1fr) 170px;
	gap: 10px;
	align-items: start;}

.newsletter__form input{min-height: 47px;
	border: 1px solid rgba(16,35,29,.1);
	background: #fffdf8;
	border-radius: 6px;
	padding: 0 16px;
	outline: none;}

.newsletter__form input:focus{border-color: var(--road-clay);
	box-shadow: 0 0 0 4px rgba(182,106,60,.14);}

.newsletter__form small{grid-column: 1 / -1;
	color: var(--muted-text);
	font-size: 11px;
	line-height: 1.25;}

@media (max-width: 1180px){
.feature-rail{display: none;}
.mobile-sections{display: grid;
		margin-top: 14px;}
.newsletter{grid-template-columns: 130px 1fr;}
.newsletter__form{grid-column: 1 / -1;}
}

@media (max-width: 920px){
.mobile-sections{display: grid;
		grid-template-columns: repeat(3, 1fr);
		padding: 0 18px;
		margin-top: 12px;}
.mitich-banner{margin-top: 12px;
		min-height: 106px;}
.mitich-banner__content{min-height: 106px;
		grid-template-columns: 1fr;
		gap: 5px;
		padding: 16px;}
.mitich-banner .spark{display: none;}
.mitich-banner h2{font-size: 24px;}
.mitich-banner p:not(.spark){font-size: 12px;}
.mitich-banner .btn{display: none;}
.newsletter{margin: 18px 18px 0;
		padding: 16px;
		grid-template-columns: 1fr;
		gap: 10px;}
.newsletter__decor{display: none;}
.newsletter__text h2{font-size: 24px;}
.newsletter__text p{font-size: 12px;}
.newsletter__form{grid-template-columns: 1fr 130px;}
.newsletter__form input{min-height: 43px;}
.newsletter__form .btn{width: 100%;
		min-height: 43px;
		padding-inline: 10px;}
.newsletter__form small{display: none;}
}

@media (max-width: 420px){
.mobile-sections a{font-size: 10px;}
.newsletter__form{grid-template-columns: 1fr;}
}

@media (max-width: 640px){
.newsletter{margin-top:0}
}

@media (hover: hover){
.article-card:hover .article-card__img{transform: scale(1.035);
        filter: brightness(1.05);}
.article-card:hover h3{text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 4px;}
}

.spark__block{position: relative;
	height: 100%;}

.spark{position: absolute;
	top: 0;
	left: 10px;}

.spark-small{margin: 0;
	color: var(--dust-gold);
	font-size: 24px;
	line-height: 1;
	position: absolute;
	top: 20px;}

@media (max-width: 520px){
.mitich-banner__content{display:block;}
.spark__block{display:none;}
.mitich-banner .content__block{max-width: 100%;}
}

/* Desktop right rail: navigation + latest news. */
.home-sidebar {
	align-self: start;
	padding-top: 75px;
	display: grid;
	gap: 20px;
	min-width: 0;
}

.home-sidebar .feature-rail {
	padding-top: 0;
}

@media (max-width: 1180px) {
	.home-sidebar {
		display: none;
	}
}