.group-atelier {
   position: relative;
   width: 100%;
   min-height: 100dvh;
   background: rgba(32, 124, 138, 0.85);
   overflow: hidden;
   display: flex;
   align-items: center;
}

.group-atelier__container {
   position: relative;
   width: 100%;
   max-width: 1920px;
   margin: 0 auto;
   display: flex;
   align-items: stretch;
   min-height: 85vh;
}

.group-atelier__image-wrapper {
   position: relative;
   width: min(737px, 40%);
   height: auto;
   opacity: 0;
}

.group-atelier__image {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.group-atelier__content {
   flex: 1;
   padding: clamp(2rem, 4dvw, 4rem);
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: clamp(1.5rem, 3dvh, 3rem);
}

.group-atelier__title {
   color: #253839;
   font-family: 'Alkatra', cursive;
   font-size: clamp(40px, 6vw, 144px);
   font-weight: 600;
   letter-spacing: 1.2px;
   opacity: 0;
}

.group-atelier__text-content {
   max-width: 765px;
   opacity: 0;
}

.group-atelier__subtitle {
   color: #ffffff;
   font-family: 'Inter', sans-serif;
   font-size: clamp(20px, 2.5vw, 48px);
   font-weight: 800;
   margin-bottom: clamp(1rem, 2dvh, 2rem);
}

.group-atelier__text {
   color: #ffffff;
   font-family: 'Inter', sans-serif;
   font-size: clamp(14px, 1.8vw, 27px);
   font-weight: 600;
   line-height: 1.5;
}

/* Height-based adjustments */
@media screen and (max-height: 800px) {
   .group-atelier__container {
       min-height: 90vh;
   }

   .group-atelier__content {
       gap: clamp(1rem, 2dvh, 2rem);
   }

   .group-atelier__title {
       font-size: clamp(36px, 5vw, 96px);
   }

   .group-atelier__subtitle {
       font-size: clamp(18px, 2vw, 32px);
       margin-bottom: 1rem;
   }

   .group-atelier__text {
       font-size: clamp(13px, 1.5vw, 20px);
       line-height: 1.4;
   }
}

@media screen and (max-width: 768px) {
   .group-atelier__container {
       flex-direction: column;
       min-height: 100dvh;
   }

   .group-atelier__image-wrapper {
       width: 100%;
       height: 40dvh;
   }

   .group-atelier__content {
       padding: 2rem 1.5rem;
   }

   .group-atelier__title {
       text-align: center;
       font-size: clamp(36px, 10vw, 48px);
   }

   .group-atelier__subtitle {
       font-size: clamp(20px, 6vw, 24px);
   }

   .group-atelier__text {
       font-size: clamp(14px, 4vw, 18px);
   }
}

@media screen and (min-width: 1921px) {
   .group-atelier__content {
       padding: clamp(3rem, 5dvw, 6rem);
   }

   .group-atelier__text {
       font-size: clamp(18px, 1.5vw, 32px);
   }
}

/* Animations */
.fade-in {
    animation: fadeIn 1s ease-out forwards;
}

.fade-left {
    animation: fadeLeft 1s ease-out forwards;
}

.fade-right {
    animation: fadeRight 1s ease-out forwards;
}

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

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

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
/* RTL Support */
[dir="rtl"] .group-atelier__title,
[dir="rtl"] .group-atelier__subtitle,
[dir="rtl"] .group-atelier__text {
    text-align: right;
    direction: rtl;
    font-family: 'Alkatra', 'Cairo', cursive;
}

[dir="rtl"] .group-atelier__container {
    direction: rtl;
}

[dir="rtl"] .fade-right {
    animation: fadeRightRTL 1s ease-out forwards;
}

[dir="rtl"] .fade-left {
    animation: fadeLeftRTL 1s ease-out forwards;
}

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

@keyframes fadeLeftRTL {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}