.wrapper {    background-color: #FEFAF5;}
.main_wrapper { background-color: #FEFAF5;  padding: 0; width:100%; max-width:1440px; margin:0 auto; align-content:center;}
p{margin-bottom:0}
img{border-radius:35px; }
.text-16{font-size: 16px; text-wrap: pretty; color: #2C241A}
.text-main{font-size: clamp(1.75rem, 0.643vw + 25.94px, 2.2rem);  color: #2C241A; font-weight: 600; line-height: 1.4; letter-spacing: -0.7px;}
.section {
padding: 0 clamp(16px, 5.71vw - 2.29px, 80px);
}
.section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9, .section-10 {padding-bottom: 65px; padding-top:65px}
.section-1{
padding-left: 74px; padding-bottom:12px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 40px; flex-wrap: wrap;
}
.s1-left-side {
flex: 1; width: 100%;	
}
.s1-hero {
font-size: clamp(2rem, 1.696vw + 26.57px, 3.1875rem); font-weight: bold; line-height:1.2; color: #2C241A; margin: 0 0 19.2px 0; letter-spacing: -1.02px;
}
.s1-desc {
font-size: 20px; color: #2C241A; display: block; margin-bottom: 19.2px;
}
.s1-button-row {
display: flex; gap: 16px; flex-wrap: wrap;
}
.s1-button {
display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 32px 14px; border-radius: 40px; cursor: pointer; transition: all 0.2s ease; font-family: inherit; background: transparent; border: none;
}
.btn-icon {
flex-shrink: 0;
}
.s1-button--primary {
background: linear-gradient(135deg, #483A28 0%, #2C241A 100%); color: white;
}
.s1-button--primary:hover { }
.s1-button--secondary {
background: transparent; color: #2C241A; border: 2px solid #2C241A;
}
.s1-button--secondary:hover { }
.s1-right-side {
flex: 1;  width: 100%;  position: relative;	overflow: hidden; padding-bottom:12px;
}
.s1-right-side img {
width: 100%; height: auto; display: block;  object-fit: cover;
}
.s2-text-class{
padding-top:24px; line-height:1.5
}
.s2-text{
padding-bottom:20px
}
.section-3{ display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: flex-start;
}
.s3-left-side {
flex: 1; width: 100%; 
}
.s3-right-side {
flex: 1;  width: 100%; justify-content: space-between; display: flex;  flex-direction: column; gap: 16px;
}
.s3-left-side img {
width: 100%; height: auto; display: block; object-fit: cover;
}
.s3-desc{
line-height:1.5; 
}
.s3-pler{
line-height: 1.4; font-weight:500; display: flex; flex-direction: column; gap: 28px;
}
.section-4{ display: flex; flex-direction: column; 
}
.s4-sides{
display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: center;
}
.s4-left-side {
flex: 1 1 0; min-width: 320px; width: 100%; display: flex;  flex-direction: column; gap: 16px;
}
.s4-text{
width:80%
}
.s4-right-side {
flex: 1 1 0; min-width: 320px;  width: 100%; 
}
.s4-right-side img {
width: 100%; height: auto; display: block; object-fit: cover;
}
.s4-desc{
line-height: 1.4;
}
.s4-second-class{
display: flex; flex-direction: column; gap: 80px; padding-top: 16px;
}
.s4-descs{
line-height:1.4; font-weight: bold; display: flex; flex-direction: column; gap: 28px;
}
.s4-grid-img{
display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-between; gap: 80px;
}
.s4-grid-img img{
width: 100%; height: auto; display: block; object-fit: cover;
}
.section-5{ display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: center;
}
.s5-left-side {
flex: 1; width: 100%;
}
.s5-right-side {
flex: 1;  width: 100%; justify-content: space-between; display: flex;  flex-direction: column; gap: 16px;
}
.s5-left-side img {
width: 100%; height: auto; display: block; object-fit: cover;
}
.s5-desc{
line-height:1.4; 
}
.section-6{ display: flex; flex-direction: column;
}
.s6-sides{
display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: end; position: relative; padding-top: 60px; padding-bottom: 42px;
}
.s6-left-side{
flex: 1; display:flex; width: 100%; flex-direction:row; gap: 26px; padding-left: 85px
}
.s6-desc {
max-width: 200px;
}
.s6-desc-2{
max-width: 540px
}
.s6-right-side{
flex: 1; width: 100%; justify-content: end; display: flex; position: absolute; right: 0;
}
.s6-right-side img{
aspect-ratio: 16 / 11;
}
.s6-sides-2{
display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: start;
}
.s6-left-side-2{
flex: 1; display:flex; width: 100%; flex-direction:row; gap: 26px; align-items: flex-start;
} 
.s6-left-side-2 img{ width: 100%; height: auto; display: block; object-fit: cover;  aspect-ratio: 1 / 1; align-items: flex-start;}
.s6-descs{
display:flex; flex-direction: column; gap: 16px;
}
.s6-right-side-2{
flex: 1; width: 100%; justify-content: end; display: flex; 
}
.section-7{
display: flex; flex-direction: column; }
.s7-desc{
max-width: 800px; padding: 16px 0 32px;
}
.s7-img{
width: 100%;
}
.section-8{ display: flex; flex-direction: row; justify-content: space-between; gap: 40px; flex-wrap: wrap; align-items: center;
}
.s8-left-side {
flex: 1; width: 100%; justify-content: space-between; display: flex;  flex-direction: column; gap: 16px;
}
.s8-right-side {
flex: 1;  width: 100%; 
}
.s8-descs{
line-height:1.4; display: flex; flex-direction: column; gap: 12px; width:600px;
}
.s8-text{
width:500px;
}
.section-9{
display:flex; flex-direction:column; gap:16px; align-items: center; text-align: center;
}
.s9-desc{
max-width: 1100px;
}
.s9-subtitle{
font-size: 18.7px; font-weight: 600; line-height: 1.4; letter-spacing: -0.37px; color: #2C241A; padding-top: 31px;
}
.s9-text{
color: #7B5E3E; line-height: 1.4; padding-top: 8px
}
.s9-video{
display: grid; grid-template-columns: repeat(4, 1fr); justify-content: space-between; gap: 30px; width: 100%;
}
.video-card {position: relative; cursor: pointer; border-radius: 20px; overflow: hidden; transition: transform 0.3s ease;
}
.video-card:hover { transform: translateY(-5px); 
}
.video-card img { width: 100%; height: auto; display: block; transition: transform 0.3s ease;
}
.video-card:hover img {transform: scale(1.05); filter: grayscale(100%);
}
.play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: transparent;
border: none;
cursor: pointer;
transition: all 0.3s ease;
}
.video-card:hover .play-btn {
transform: translate(-50%, -50%) scale(1.1); 
}
.video-card:hover .play-btn path {
fill-opacity: 1;
}
.section-10{ display: flex; text-align: center;
}
.s10-main{ 
font-size: clamp(1.5rem, 0.536vw + 22.29px, 1.875rem); font-weight: 500; line-height: 1.16; color: #2C241A;  
}
.lemana-footer{
padding: 48px 0; background-color: #2C241A; text-align:center; 
}
.text-footer{
line-height: 1.4; color: #D9CDBC; padding-bottom:12px
}
.desc-footer{
font-size: 12.8; line-height:1.39; color: #D9CDBC;
}
body.popup-open {
overflow: hidden;
position: fixed;
width: 100%;
} body:not(.popup-open) {
overflow: auto !important;
position: static !important;
}
@media(max-width:1300px){
.s6-sides{
flex-direction: row; justify-content: center;
}
.s6-sides-2{
flex-direction: column-reverse;
}
.s6-desc-2{max-width:100%}
.s6-left-side{padding-left:0}
.s6-right-side {position: static; justify-content: center}
}
@media(max-width:1024px){ .s4-grid-img{ gap:32px}
.s4-second-class{gap:40px}
.s4-grid-img{gap:20px}	
.s6-left-side {padding-left:0}
.s6-left-side-2 {flex: 2;}
.s8-descs{width: auto;}
.s9-video{gap: 15px}
}
@media(max-width:768px){
.s1-hero br{display: none;}
.section-3, .s4-sides, .s6-sides, .section-8, .section-1{flex-direction: column;}
.section-1{padding-bottom:40px; padding: 0 clamp(16px, 5.36vw - 1.14px, 40px) 40px;}
.section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9, .section-10 {padding-top: 40px; padding-bottom:40px; gap: 20px }
.s2-text-class {padding-top:0}
.s4-sides, .s4-second-class {gap: 20px}
.s4-text{width: 100%}
.s4-grid-img, .s9-video {grid-template-columns: repeat(2, 1fr); gap:32px}
.section-5, .s6-sides-2{flex-direction: column-reverse;}  .s6-sides{gap:40px; padding-top: 30px; padding-bottom:0}
}
@media(max-width:480px){
br{display: none;}
img{border-radius:18px; }
.section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9, .section-10 {padding-top: 20px; padding-bottom:20px; gap: 14px}
.s4-grid-img{gap:10px}
.s9-video{grid-template-columns: repeat(1, 1fr); gap:20px}
.s6-left-side, .s6-left-side-2{flex-direction:column}
.s6-right-side img {position: relative;  width:100%; }
.s6-desc-2 {max-width: 100%;}
.s6-desc { max-width:100%; max-width: 310px;}
.s7-desc {padding: 0;}
.lemana-footer{padding: 48px 16px}
.s8-text {width: 100%;}
.s9-subtitle{padding-top: 11px;}
.s6-left-side, .s6-left-side-2 {gap:16px}
}