.four-images{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:1100px;margin:0 auto;gap:10px}.title-container{flex:1 1 100%;text-align:center;margin-top:20px;margin-bottom:20px;opacity:0;animation:fadeInUp 1s ease-out forwards}.title-container h2{width:100%;font-family:"LilStuart",sans-serif;text-align:center;font-size:3.4rem;font-weight:300;color:#d34646}.title-container h1{font-size:3rem;font-family:"Cocon",sans-serif;font-weight:700;color:#d34646}.image-container{flex:1 1 20%;padding:10px;align-items:stretch;margin-bottom:40px;opacity:0;transform:translateY(30px)}.image-container img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.image-container img:hover{transform:scale(1.03);box-shadow:0 8px 25px rgb(0 0 0 / .15)}.image-container:nth-of-type(2),.image-container:nth-of-type(4){margin-top:80px}.image-container:nth-child(2){animation:fadeInUp 0.8s ease-out 0.3s forwards}.image-container:nth-child(3){animation:fadeInUp 0.8s ease-out 0.6s forwards}.image-container:nth-child(4){animation:fadeInUp 0.8s ease-out 0.9s forwards}.image-container:nth-child(5){animation:fadeInUp 0.8s ease-out 1.2s forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.four-images{flex-direction:column}.image-container{flex:1 1 50%;margin:0 auto;animation:fadeInUp 0.8s ease-out 0.3s forwards!important}.image-container:nth-of-type(2),.image-container:nth-of-type(4){margin-top:0}.title-container{margin:20px auto}.title-container h2{font-size:1.5rem}.title-container h1{font-size:1.5rem}}.harissa-banner{display:flex;flex-wrap:wrap;border-radius:50px;overflow:hidden;background-color:#d34646;width:100%;max-width:1100px;margin:0 auto;margin-bottom:50px;opacity:0;transform:translateY(20px);transition:opacity 0.8s ease,transform 0.8s ease}.harissa-banner.visible{opacity:1;transform:translateY(0)}.image-side{flex:1 1 50%;position:relative;overflow:hidden}.image-side img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.1);transition:transform 1.2s ease-out}.harissa-banner.visible .image-side img{transform:scale(1)}.text-side{flex:1 1 50%;background-color:#d34646;color:#fff;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;border-top-right-radius:30px;border-bottom-right-radius:30px}.text-side .title{font-size:3.5rem;font-family:"LilStuart",sans-serif;font-weight:300;margin-bottom:1rem;line-height:1.2;opacity:0;transform:translateX(-20px);transition:opacity 0.6s ease 0.3s,transform 0.6s ease 0.3s}.text-side p{opacity:0;transform:translateX(-20px);transition:opacity 0.6s ease 0.5s,transform 0.6s ease 0.5s}.harissa-banner.visible .text-side .title,.harissa-banner.visible .text-side p{opacity:1;transform:translateX(0)}@media (max-width:768px){.harissa-banner{flex-direction:column-reverse;margin:10px auto;width:96%}.text-side{flex:1 1 100%;padding:10px}.text-side .title{font-size:2rem;flex:1 1 100%}.image-side{flex:1 1 100%}.text-side .title,.text-side p{transform:translateY(20px)}.harissa-banner.visible .text-side .title,.harissa-banner.visible .text-side p{transform:translateY(0)}}.preparation{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto;max-width:1100px;opacity:0}.left-side{flex:1 1 50%;padding:10px;transform:translateX(-50px);opacity:0;transition:all 0.8s ease-out}.right-side{flex:1 1 50%;padding:10px;transform:translateX(50px);opacity:0;transition:all 0.8s ease-out}.right-side img{width:100%;height:auto;border-radius:50px;transition:transform 0.5s ease,box-shadow 0.5s ease}.right-side img:hover{transform:scale(1.02);box-shadow:0 10px 20px rgb(0 0 0 / .2)}.title-left{font-size:2rem;font-weight:300;color:#d34646;transition:all 0.5s ease}.title-left:hover{text-shadow:2px 2px 4px rgb(0 0 0 / .1)}.bold-title{font-weight:700}.preparation p{font-size:1.1rem;line-height:1.6;color:#333;transition:all 0.5s ease}.animate-in{opacity:1;transform:translateX(0)!important}@media (max-width:768px){.preparation{flex-direction:column}.left-side,.right-side{flex:1 1 100%}.title-left{font-size:1.5rem}.bold-title{font-weight:700}.preparation p{font-size:1rem}}.harissa-types{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:0 auto;max-width:1100px;margin-top:100px;margin-bottom:50px}.harissa-types__content{flex:1 1 50%;padding:10px}.harissa-types__images{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1 1 50%;padding:10px;min-height:400px}.harissa-img{width:48%;margin-top:-10%;opacity:0;transition:all 0.8s cubic-bezier(.39,.575,.565,1)}.harissa-img--top{align-self:flex-start;transform:translateY(40px)}.harissa-img--bottom{align-self:flex-end;margin-top:-20%;transform:translateY(40px)}.harissa-title{font-size:2rem;font-weight:300;color:#d34646;opacity:0;transform:translateX(-30px);transition:all 0.8s cubic-bezier(.39,.575,.565,1)}.harissa-title--bold{font-weight:700}.harissa-text{font-size:1.1rem;line-height:1.6;color:#333;opacity:0;transform:translateX(-30px);transition:all 0.8s cubic-bezier(.39,.575,.565,1) 0.3s}.harissa-animate{opacity:1;transform:translate(0)}@media (max-width:768px){.harissa-types{margin-top:20px;flex-direction:column-reverse;align-items:center}.harissa-types__content,.harissa-types__images{flex:1 1 100%;padding:10px}.harissa-types__images{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;min-height:auto;gap:10px}.harissa-img{width:100%;margin:0 auto;display:block}.harissa-img--bottom{align-self:center;margin:0 auto}.harissa-title{font-size:1.5rem}.harissa-text{font-size:1rem}}.last-text{max-width:1100px;margin:0 auto;padding:20px;font-size:1.2rem;line-height:1.6;color:#333;margin-top:50px;margin-bottom:50px}@media (max-width:768px){.last-text{padding:10px;font-size:1rem;margin:0 auto}}.banner-container{position:relative}.banner-image{display:block;width:100%;height:auto;object-fit:cover}.banner-title{position:absolute;top:50px;left:10%;color:#fff;font-size:42px;font-weight:400}@media (max-width:1400px){.banner-title{font-size:38px}}@media (max-width:1200px){.banner-title{font-size:34px;top:40px}}@media (max-width:1024px){.banner-title{font-size:30px;top:30px;left:8%}}@media (max-width:900px){.banner-title{font-size:28px;top:25px;left:6%}}@media (max-width:768px){.banner-container{position:relative;margin:0 auto;overflow:hidden}.banner-title{position:absolute;top:0;left:0;width:100%;text-align:center;padding:15px 0;font-size:22px;z-index:2}}