.hero-grid-045d1ff5 {
	padding: 40px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.hero-header-045d1ff5 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 30px;
}

.hero-meta-045d1ff5 {
	font-family: monospace;
	font-size: 14px;
	text-transform: uppercase;
}

.hero-icon-045d1ff5 {
	font-size: 18px;
}

.hero-body-045d1ff5 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	position: relative;
}

.hero-title-045d1ff5 {
	font-size: clamp(48px, 8vw, 120px);
	font-weight: 900;
	margin: 0;
	line-height: 0.9;
	text-transform: uppercase;
	letter-spacing: -2px;
}

.flip-container-045d1ff5 {
	width: 250px;
	height: 350px;
	perspective: 1000px;
	margin: 20px 0;
}

.flip-card-045d1ff5 {
	width: 100%;
	height: 100%;
	position: relative;
	transform-style: preserve-3d;
	will-change: transform;
	transform: rotateY(0deg);
}

.flip-front-045d1ff5,
.flip-back-045d1ff5 {
	width: 100%;
	height: 100%;
	position: absolute;
	backface-visibility: hidden;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

.flip-front-045d1ff5 img,
.flip-back-045d1ff5 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.flip-back-045d1ff5 {
	transform: rotateY(180deg);
}