.wrapper{background-color: #FAFAFA;}
.main_wrapper { background-color: #FAFAFA;  padding: 0; width:100%; max-width:1440px; margin:0 auto; align-content:center;}
p{margin-bottom:0}
img{border-radius:4px; width: 100%; height: auto; display: block; object-fit: cover; }
.text-16{font-size: 16px; text-wrap: pretty; color: #555555; line-height: 1.15}
.text-main{font-size: clamp(1.75rem, 2.254vw + 1.222rem, 3.25rem);  color: #111111; font-weight: 800; line-height:  0.85; letter-spacing: -2px;}
.section {  padding: 0 clamp(16px, 9.29vw - 13.71px, 120px);}
.section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9, .section-10 {padding-bottom: 60px; padding-top:60px}

.section-1{
	display: flex; flex-direction: column;
}
.s1-texts{
	display: flex; flex-direction: column; gap: 24px; padding: 80px 0;
}
.s1-hero{
	font-size: clamp(32px, 2vw + 24px, 84px); font-weight: 900; line-height: 0.95; letter-spacing: -4px;
}
.s1-up{
	font-size: 12px; line-height: 1.15; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;
}
.s1-desc{
	font-size: 20px; line-height: 1.15; 
}
.s1-img {
    width: 100%; height: auto;
}
.s1-button {
 	width: fit-content; padding: 13px 32px 14px; border-radius: 40px; cursor: pointer; transition: all 0.2s ease; background-color: #1A1A1A; color: white; font-weight: 600; 
}
.s1-numbers{
	display: flex; flex-direction: row; gap: 40px; padding: 80px 0; border-bottom: rgba(0, 0, 0, 0.08) 1px solid;
}
.s1-number{
	display: flex; flex-direction: column; gap: 9px; width: stretch;
}
.num{
	font-weight: 800; line-height: 1.15; color: #111111; font-size: clamp(42px, 2.6071rem + 1.9643vw, 64px);
}
.num-text{
	line-height:1.2; font-size: 14px; letter-spacing: 1px; color: #555555; text-transform: uppercase; 
}

.section-2{
	display: flex; flex-direction: row; gap: 100px; align-items: center;
}
.s2-img{
	flex: 0 0 50%;
}
.s2-texts{
	flex: 1 1 auto; min-width: 320px; gap: 30px; display: flex; flex-direction: column; 
}
.s2-text{
	font-size: 18px; 
}

.section-3{
	
}
.s3-quote{
	padding-left: clamp(24px, 1.1071rem + 1.9643vw, 46px); border-left: 6px solid #111111; font-size: clamp(28px, 1.0417rem + 3.125vw, 48px); font-weight: 800; line-height: 0.95; letter-spacing: -2px;
}

.section-4{
	display: flex; flex-direction: row; gap: 20px; align-items: stretch;
}
.s4-block{
	border-radius: 4px; display: flex; flex-direction: column; gap: 20px; padding: 60px; flex: 1;
}
.s4-block--primary{
	background-color: #1A1A1A; color: #ffffff;
}
.s4-block--secondary{
	background-color: #F0F0F0; color: #111111;
}
.block-main{font-size: clamp(24px, 1.2857rem + 1.0714vw, 36px); font-weight: 800; letter-spacing: -1px; line-height: 1.15}
.block-text{font-size: 16px; line-height: 1.15}

.section-5{
	display:flex; flex-direction:column; gap: 46px;
}
.s5{padding:100px 60px;display: flex; flex-direction: row; gap: 60px; align-items: center; border-radius:8px; border: 1px solid rgba(0, 0, 0, 0.08);background-color: #ffffff}
.s5-left, .s5-right{flex: 1;}
.s5-left{
	display: flex; flex-direction: column; gap: 30px; 
}
.s5-grid{
	display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid rgba(0, 0, 0, 0.08); border-top: 20px solid rgba(0, 0, 0, 0.08); 
}
.g-element{
	padding: 40px; display: flex; flex-direction: column; gap: 15px;
}
.g-element:nth-child(1){border-right:1px solid rgba(0, 0, 0, 0.08); border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.g-element:nth-child(3){border-right:1px solid rgba(0, 0, 0, 0.08);}
.g-title{font-size: 11px; font-weight:700; line-height:1; color: #999999}
.g-subtitle{font-size: 18px; font-weight:600; line-height:1; color: #111111}
.s5-imgs{
	display: flex; flex-direction: row; gap:48px;
}
.s5-i{flex:1}

.section-6{
	display:flex; flex-direction:column; gap: 60px;
}
.s6-head{
	display:flex; flex-direction:column; gap: 60px; max-width: 700px; text-align: center; justify-content: center; align-self: center;
}
.s5-i-rep{gap:20px}
.s6-row{
	display:flex; flex-direction: row; align-items: stretch; gap: 20px; width: 100%;
}
.s6-img {  flex: 0 0 350px; overflow: hidden;     
}
.s6-block {  flex: 1; background-color: #F0F0F0;  padding: 40px 40px 114px; border-radius: 8px; display: flex;  flex-direction: column;  justify-content: center; gap:20px;
}

.section-7{
	display:flex; flex-direction:column; gap: 30px;
}
.s7-i{gap:30px}

.section-8{}
.s8-white{padding:120px 100px 200px;display: flex; flex-direction: column; gap: 77px; align-items: center; border-radius:8px; border: 1px solid rgba(0, 0, 0, 0.08);background-color: #ffffff}
.s8-head{gap:27px; max-width: 800px;}
.s8-text{font-size:24px; line-height:1.1 }

@media(max-width:1024px){

	
}

@media(max-width:768px){
	.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: 40px }
	.s1-hero{letter-spacing: 0}
	.section-2 {flex-direction: column-reverse; gap: 50px;}
	.section-4 {flex-direction:column;}
	.s5{padding: 60px 30px; flex-direction:column;}
	.s5-imgs{gap:20px}
	.s6-head{gap:30px}
	.s6-row {flex-direction: column-reverse;}
	.s6-img{flex: 1}
	.s8-white{padding: 60px 50px 100px;}
	.s8-text {font-size: 20px;}
}

@media(max-width:480px){
	br{display: none;}
	.s1-texts{padding: 40px 0}
	.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: 20px;}
	.s1-numbers{flex-direction:column; gap:28px; padding: 40px 0}
	.num, .num-text{text-align: center}
	.g-element{padding:10px}
	.s5{padding: 60px 20px;}
	.s5-left{word-break: break-word;}
	.s4-block, .s6-block { padding: 36px 20px;}
	.s5-imgs{flex-direction: column;}
	.s6-head {gap: 18px; }
	.s8-white {padding: 40px 20px 60px; gap: 30px;}

}