.yoga-nomade-hero-18605e81 {
	display: flex;
	align-items: center;
	padding: 80px 0; /* Changed from 80px 40px to 80px 0 to remove left/right padding */
	min-height: 80vh;
	position: relative;
	background-size: cover;
	background-position: center;
	/* Base for animations */
	--animation-duration: 0.8s;
	--animation-delay: 0s;
}

.yoga-nomade-hero-content {
	max-width: 800px;
	position: relative;
	z-index: 2;
}

.yoga-nomade-hero-headline {
	font-family: var(--e-global-typography-primary-font-family, 'Playfair Display'), serif; 
	font-size: clamp(2.5rem, 5vw, 4rem);
	line-height: 1.2;
	color: var(--e-global-color-text, #4a3e3d); 
	margin-bottom: 40px;
	font-weight: 400;
}

.yoga-nomade-hero-actions {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.yoga-nomade-hero-btn {
	display: inline-block;
	padding: 15px 30px;
	border-radius: 30px;
	text-decoration: none;
	font-weight: 600;
	font-family: var(--e-global-typography-secondary-font-family, sans-serif);
	transition: all 0.3s ease;
	cursor: pointer;
}

.yoga-nomade-hero-btn-1 {
	background-color: var(--e-global-color-secondary, #6b52a3); 
	color: #ffffff;
}

.yoga-nomade-hero-btn-1:hover {
	background-color: var(--e-global-color-primary, #554182);
	color: #ffffff;
}

.yoga-nomade-hero-btn-2 {
	background-color: var(--e-global-color-yoga-blanc-casse, #f5f0eb); 
	color: var(--e-global-color-text, #4a3e3d);
	border: 1px solid rgba(74, 62, 61, 0.2);
}

.yoga-nomade-hero-btn-2:hover {
	background-color: var(--e-global-color-yoga-beige-sable, #e5dfd8);
	color: var(--e-global-color-text, #4a3e3d);
}

/* Animations */
.yoga-anim-wait {
	opacity: 0;
	visibility: hidden;
}

.yoga-anim-trigger.yoga-anim-fade-in { 
	animation: yogaFadeIn var(--animation-duration) ease var(--animation-delay) forwards; 
	visibility: visible;
}
.yoga-anim-trigger.yoga-anim-slide-up { 
	animation: yogaSlideUp var(--animation-duration) ease var(--animation-delay) forwards; 
	visibility: visible;
}
.yoga-anim-trigger.yoga-anim-slide-left { 
	animation: yogaSlideLeft var(--animation-duration) ease var(--animation-delay) forwards; 
	visibility: visible;
}
.yoga-anim-trigger.yoga-anim-scale-in { 
	animation: yogaScaleIn var(--animation-duration) ease var(--animation-delay) forwards; 
	visibility: visible;
}

@keyframes yogaFadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes yogaSlideUp {
	from { opacity: 0; transform: translateY(40px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes yogaSlideLeft {
	from { opacity: 0; transform: translateX(40px); }
	to { opacity: 1; transform: translateX(0); }
}

@keyframes yogaScaleIn {
	from { opacity: 0; transform: scale(0.9); }
	to { opacity: 1; transform: scale(1); }
}