.iris-fir-hero {
	box-sizing: border-box;
	max-width: 920px;
	margin: 30px auto;
	padding: clamp(14px, 3vw, 22px);
	background: #fbf6ef;
	border: 1px solid rgba(154, 129, 115, 0.18);
	border-radius: 18px;
	box-shadow: 0 14px 36px rgba(111, 87, 75, 0.07);
}

.iris-fir-hero-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 14px;
}

.iris-fir-hero figcaption {
	margin-top: 12px;
	color: #7d675c;
	font-size: 0.94rem;
	line-height: 1.55;
	text-align: center;
}

@media (max-width: 760px) {
	.iris-fir-hero {
		margin: 22px auto;
		padding: 12px;
		border-radius: 14px;
	}

	.iris-fir-hero-img {
		aspect-ratio: 4 / 3;
		border-radius: 12px;
	}
}