/* Home page section styles: statistics, advantages, CTA call block, projects, partner logos, FAQs, news, social feed */

/* Hero Block */
.heroBlock { position: relative; width: 100%; min-height: 85vh; overflow: hidden; display: flex; align-items: stretch; }
.heroBlock-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; } 
.heroBlock-overlay { position: absolute; inset: 0; background: var(--mainOverlay); z-index: 1; }
.heroBlock-content { position: relative; margin-top: auto; margin-bottom: 24px; }
.heroBlock-content-text { display: flex; flex-direction: column; position: absolute; bottom: 0; left: 0; text-align: center; align-items: center; }
.heroBlock-content-text > *:nth-child(1) { font-family: "Montserrat", sans-serif; font-size: 30px; font-weight: 500; letter-spacing: -1.5px; line-height: 1; color: var(--fontColor2); }
.heroBlock-content-text > *:nth-child(1) b { font-weight: 800; }
.heroBlock-content-text > *:nth-child(2) { font-size: 15px; font-weight: 400; line-height: 1.25; color: var(--fontColor2); margin: 32px 0 48px 0; }
.heroBlock-content-text > *:nth-child(3) { display: flex; gap: 12px; align-items: center; font-weight: 600; color: var(--fontColor2); text-decoration: none; margin: 0 0 32px 0; }
.heroBlock-content-text > *:nth-child(3) img { width: 42px; height: auto; transition: transform 0.3s ease; }
.heroBlock-content-text > *:nth-child(3):hover img { transform: translateX(12px); }
.heroBlock-quick-links { display: none; }

@media (min-width: 768px) { 
	.heroBlock { position: relative; width: 100%; min-height: 85vh; overflow: hidden; display: flex; align-items: stretch; }
	.heroBlock .nav-line > * { color: var(--fontColor2); }
	.heroBlock .nav-line-call { color: var(--fontColor1); }
	.heroBlock-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; } 
	.heroBlock-overlay { position: absolute; inset: 0; background: var(--mainOverlay); z-index: 1; }
	.heroBlock-content { position: relative; margin-top: auto; margin-bottom: 56px; }
	.heroBlock-content-text { position: absolute; bottom: 0; left: 0; text-align: left; align-items: start; }
	.heroBlock-content-text > *:nth-child(1) { font-family: "Montserrat", sans-serif; font-size: 48px; font-weight: 500; width: 90%; letter-spacing: -1.5px; line-height: 1; color: var(--fontColor2); }
	.heroBlock-content-text > *:nth-child(1) b { font-weight: 800; }
	.heroBlock-content-text > *:nth-child(2) { font-size: 17px; font-weight: 400; line-height: 1.25; color: var(--fontColor2); width: 45%; margin: 48px 0 56px 0; }
	.heroBlock-content-text > *:nth-child(3) { display: flex; gap: 12px; align-items: center; font-weight: 600; color: var(--fontColor2); text-decoration: none; margin: 0 0 32px 0; }
	.heroBlock-content-text > *:nth-child(3) img { width: 42px; height: auto; transition: transform 0.3s ease; }
	.heroBlock-content-text > *:nth-child(3):hover img { transform: translateX(12px); }
	.heroBlock-quick-links { position: absolute; bottom: 0; right: 0; display: flex; flex-direction: row; gap: 12px; }
	.heroBlock-quick-links > * { position: relative; width: 125px; font-size: 13px; font-weight: 700; color: var(--fontColor1); text-decoration: none; text-transform: uppercase; padding: 24px; border-radius: 6px; overflow: hidden; }
	.heroBlock-quick-links > *:first-child { background: var(--bgColor1); }
	.heroBlock-quick-links > *:last-child { background: var(--bgColor4); }
	.heroBlock-quick-links > * img { width: auto; height: 12px; margin: 56px 0 0 0; position: relative; left: 0; transition: left 0.25s ease, transform 0.25s ease; }
	.heroBlock-quick-links > *:hover img { left: 100%; transform: translateX(-100%); }
}

@media (min-width: 1200px) { 
	.heroBlock { position: relative; width: 100%; min-height: 85vh; overflow: hidden; display: flex; align-items: stretch; }
	.heroBlock .nav-line > * { color: var(--fontColor2); }
	.heroBlock .nav-line-call { color: var(--fontColor1); }
	.heroBlock-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; } 
	.heroBlock-overlay { position: absolute; inset: 0; background: var(--mainOverlay); z-index: 1; }
	.heroBlock-content { position: relative; margin-top: auto; margin-bottom: 125px; }
	.heroBlock-content-text { position: absolute; bottom: 0; left: 0; text-align: left; align-items: start; }
	.heroBlock-content-text > *:nth-child(1) { font-family: "Montserrat", sans-serif; font-size: 64px; font-weight: 500; width: 75%; letter-spacing: -1.5px; line-height: 1; color: var(--fontColor2); }
	.heroBlock-content-text > *:nth-child(1) b { font-weight: 800; }
	.heroBlock-content-text > *:nth-child(2) { font-size: 17px; font-weight: 400; line-height: 1.25; color: var(--fontColor2); width: 40%; margin: 48px 0 56px 0; }
	.heroBlock-content-text > *:nth-child(3) { display: flex; gap: 12px; align-items: center; font-weight: 600; color: var(--fontColor2); text-decoration: none; margin: 0 0 32px 0; }
	.heroBlock-content-text > *:nth-child(3) img { width: 42px; height: auto; transition: transform 0.3s ease; }
	.heroBlock-content-text > *:nth-child(3):hover img { transform: translateX(12px); }
	.heroBlock-quick-links { position: absolute; bottom: 0; right: 0; display: flex; flex-direction: row; gap: 12px; }
	.heroBlock-quick-links > * { position: relative; width: 125px; font-size: 13px; font-weight: 700; color: var(--fontColor1); text-decoration: none; text-transform: uppercase; padding: 24px; border-radius: 6px; overflow: hidden; }
	.heroBlock-quick-links > *:first-child { background: var(--bgColor1); }
	.heroBlock-quick-links > *:last-child { background: var(--bgColor4); }
	.heroBlock-quick-links > * img { width: auto; height: 12px; margin: 56px 0 0 0; position: relative; left: 0; transition: left 0.25s ease, transform 0.25s ease; }
	.heroBlock-quick-links > *:hover img { left: 100%; transform: translateX(-100%); }
}
/* Hero Block */


/* Statistics */
.statisticsBlock { padding: 56px 0; background: var(--bgColor0); }
.statistics-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; }
.statistics-content > * { position: relative; padding: 32px 18px; border-radius: 12px; overflow: hidden; background: var(--bgColor2); }
.statistics-content > * img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.statistics-content > * > *:not(img) { position: relative; z-index: 1; }
.statistics-content > div:first-child, .statistics-content > div:last-child {  grid-column: span 2; }
.statistics-content > div:first-child { background: var(--bgColor3); }
.statText-light { display: flex; flex-direction: column; height: 100%; color: var(--fontColor2); }
.statText-dark { display: flex; flex-direction: column; height: 100%; color: var(--fontColor1); }
.statText-light > div:last-child, .statText-dark > div:last-child  { margin-top: auto; }
.statText-h { font-family: "Montserrat", sans-serif; font-size: 32px; font-weight: 800; letter-spacing: -1px; padding: 0 0 12px 0; }
.statText-h span { font-size: 24px; font-weight: 600; }
.statText-s { font-size: 14px; }

@media (min-width: 768px) {
	.statisticsBlock { padding: 56px 0; background: var(--bgColor0); }
	.statistics-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.statistics-content > * { position: relative; padding: 32px 18px; border-radius: 12px; overflow: hidden; background: var(--bgColor2); }
	.statistics-content > * img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
	.statistics-content > * > *:not(img) { position: relative; z-index: 1; }
	.statistics-content > div:first-child, .statistics-content > div:last-child {  grid-column: span 2; }
	.statistics-content > div:first-child { background: var(--bgColor3); }
	.statText-light { display: flex; flex-direction: column; height: 100%; color: var(--fontColor2); }
	.statText-dark { display: flex; flex-direction: column; height: 100%; color: var(--fontColor1); }
	.statText-light > div:last-child, .statText-dark > div:last-child  { margin-top: auto; }
	.statText-h { font-family: "Montserrat", sans-serif; font-size: 38px; font-weight: 800; letter-spacing: -1px; padding: 0 0 24px 0; }
	.statText-h span { font-size: 24px; font-weight: 600; }
	.statText-s { font-size: 15px; }
}

@media (min-width: 1200px) {
	.statisticsBlock { padding: 72px 0; background: var(--bgColor0); }
	.statistics-content { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
	.statistics-content > * { position: relative; padding: 32px; border-radius: 12px; overflow: hidden; background: var(--bgColor2); }
	.statistics-content > * img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
	.statistics-content > * > *:not(img) { position: relative; z-index: 1; }
	.statistics-content > div:first-child, .statistics-content > div:last-child {  grid-column: span 2; }
	.statistics-content > div:first-child { background: var(--bgColor3); }
	.statText-light { display: flex; flex-direction: column; height: 100%; color: var(--fontColor2); }
	.statText-dark { display: flex; flex-direction: column; height: 100%; color: var(--fontColor1); }
	.statText-light > div:last-child, .statText-dark > div:last-child  { margin-top: auto; }
	.statText-h { font-family: "Montserrat", sans-serif; font-size: 52px; font-weight: 800; letter-spacing: -1px; padding: 0 0 24px 0; }
	.statText-h span { font-size: 32px; font-weight: 600; }
	.statText-s { font-size: 15px; }
}
/* Statistics */

/* Advantages */
.advantagesBlock { padding: 56px 0; background: var(--bgColor2); }
.advantages-content { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); gap: 12px; }
.advantages-media { display: none; }
.advantages-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.advantages-item { display: flex; flex-direction: column; gap: 12px; padding: 24px; background: var(--bgColor0); border-radius: 12px; font-size: 15px; font-weight: 400; line-height: 1.45; }
.advantages-item img { width: 18px; height: auto; margin: 0 0 6px 0; }
.advantages-item b { font-size: 15px; font-weight: 700; letter-spacing: -0.15px; }

@media (min-width: 768px) {
	.advantagesBlock { padding: 56px 0; background: var(--bgColor2); }
	.advantages-content { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 12px; }
	.advantages-media { display: none; }
	.advantages-item { display: flex; flex-direction: column; gap: 12px; padding: 24px; background: var(--bgColor0); border-radius: 12px; font-size: 15px; font-weight: 400; line-height: 1.45; }
	.advantages-item img { width: 18px; height: auto; margin: 0 0 6px 0; }
	.advantages-item b { font-size: 17px; font-weight: 700; letter-spacing: -0.15px; }
}

@media (min-width: 1200px) {
	.advantagesBlock { padding: 72px 0; background: var(--bgColor2); }
	.advantages-content { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 12px; }
	.advantages-media { display: block; grid-row: 1 / 3; overflow: hidden; border-radius: 12px; }
	.advantages-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
	.advantages-item { display: flex; flex-direction: column; gap: 12px; padding: 24px; background: var(--bgColor0); border-radius: 12px; font-size: 15px; font-weight: 400; line-height: 1.45; }
	.advantages-item img { width: 18px; height: auto; margin: 0 0 6px 0; }
	.advantages-item b { font-size: 17px; font-weight: 700; letter-spacing: -0.15px; }
}
/* Advantages */

/* CTA Call Block */
.callBlock { position: relative; padding: 72px 0;  position: relative; }
.callBlock > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: right; z-index: 0; }
.callBlock::before { content: ""; position: absolute; inset: 0; background: var(--mainOverlay); z-index: 1; }
.callBlock .container-custom { position: relative; z-index: 1; }
.callBlock-content { display: grid; grid-template-columns: 1fr; align-items: center; }
.callBlock-text { display: none; }
.callBlock-form { display: flex; flex-direction: column; gap: 14px; padding: 48px 32px; background: var(--bgColor0); border-radius: 12px; }
.callBlock-form-line { display: flex; flex-direction: column; gap: 6px; }
.callBlock-form-line label { font-size: 12px; font-weight: 600; }
.callBlock-form-line input { font-size: 17px; font-weight: 500; padding: 12px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 6px; }
.callBlock-form-h { font-size: 24px; font-weight: 800; letter-spacing: -1px; margin: 0 0 12px 0; }
.callBlock-form-sub { font-size: 12px; font-weight: 400; line-height: 1; }
.callBlock-form-btn { display: flex; flex-wrap: no-wrap; gap: 12px; align-items: center; font-size: 17px; font-weight: 700; color: var(--fontColor1); text-decoration: none; margin: 12px 0; }
.callBlock-form-btn img { width: 38px; height: auto; transition: transform 0.3s ease; }
.callBlock-form-btn:hover img { transform: translateX(12px); }

@media (min-width: 768px) {
	.callBlock { position: relative; padding: 56px 0;  position: relative; }
	.callBlock > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; }
	.callBlock::before { content: ""; position: absolute; inset: 0; background: var(--mainOverlay); z-index: 1; }
	.callBlock .container-custom { position: relative; z-index: 1; }
	.callBlock-content { display: grid; grid-template-columns: 2fr 3fr; gap: 56px; align-items: center; }
	.callBlock-text { display: block; color: var(--fontColor2); }
	.callBlock-text-s { font-size: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.75px; }
	.callBlock-text-h { font-size: 32px; font-weight: 800; letter-spacing: -0.5px; line-height: 1.05; margin: 32px 0 24px 0; }
	.callBlock-text p { font-size: 15px; font-weight: 300; line-height: 1.4; }
	.callBlock-form { display: flex; flex-direction: column; gap: 18px; padding: 48px 32px; background: var(--bgColor0); border-radius: 12px; }
	.callBlock-form-line { display: flex; flex-direction: column; gap: 6px; }
	.callBlock-form-line label { font-size: 14px; font-weight: 600; }
	.callBlock-form-line input { font-size: 17px; font-weight: 500; padding: 12px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 6px; }
	.callBlock-form-h { font-size: 26px; font-weight: 800; letter-spacing: -1px; margin: 0 0 12px 0; }
	.callBlock-form-sub { font-size: 14px; font-weight: 400; line-height: 1; }
	.callBlock-form-btn { display: flex; flex-wrap: no-wrap; gap: 12px; align-items: center; font-size: 17px; font-weight: 700; color: var(--fontColor1); text-decoration: none; margin: 24px 0; }
	.callBlock-form-btn img { width: 38px; height: auto; transition: transform 0.3s ease; }
	.callBlock-form-btn:hover img { transform: translateX(12px); }
}

@media (min-width: 1200px) {
	.callBlock { position: relative; padding: 72px 0;  position: relative; }
	.callBlock > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; }
	.callBlock::before { content: ""; position: absolute; inset: 0; background: var(--mainOverlay); z-index: 1; }
	.callBlock .container-custom { position: relative; z-index: 1; }
	.callBlock-content { display: grid; grid-template-columns: 55fr 45fr; gap: 56px; align-items: center; }
	.callBlock-text { display: block; color: var(--fontColor2); }
	.callBlock-text-s { font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.75px; }
	.callBlock-text-h { font-size: 38px; font-weight: 800; letter-spacing: -0.5px; line-height: 1.05; margin: 32px 0 24px 0; }
	.callBlock-text p { font-size: 17px; font-weight: 300; line-height: 1.4; }
	.callBlock-form { display: flex; flex-direction: column; gap: 18px; padding: 56px 48px; background: var(--bgColor0); border-radius: 12px; }
	.callBlock-form-line { display: flex; flex-direction: column; gap: 6px; }
	.callBlock-form-line label { font-size: 14px; font-weight: 600; }
	.callBlock-form-line input { font-size: 17px; font-weight: 500; padding: 12px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 6px; }
	.callBlock-form-h { font-size: 26px; font-weight: 800; letter-spacing: -1px; margin: 0 0 12px 0; }
	.callBlock-form-sub { font-size: 14px; font-weight: 400; line-height: 1; }
	.callBlock-form-btn { display: flex; flex-wrap: no-wrap; gap: 12px; align-items: center; font-size: 17px; font-weight: 700; color: var(--fontColor1); text-decoration: none; margin: 24px 0; }
	.callBlock-form-btn img { width: 38px; height: auto; transition: transform 0.3s ease; }
	.callBlock-form-btn:hover img { transform: translateX(12px); }
}
/* CTA Call Block */

/* Project */
.homeProjectBlock { padding: 56px 0; background: var(--bgColor0); }
.homeProject-content { display: grid; grid-auto-flow: column; grid-auto-columns: 82vw; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.homeProject-content::-webkit-scrollbar { display: none; }
.projectMedia { position: relative; border-radius: 6px; overflow: hidden; }
.projectMedia::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient( to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100% ); pointer-events: none; }
.projectMedia img { width: 100%; height: auto; }
.projectSummary { position: absolute; left: 12px; bottom: 24px; display: flex; gap: 12px; z-index: 2; font-size: 9px; color: var(--fontColor2); text-decoration: none; }
.projectSummary b { font-size: 20px; font-weight: 800; }
.projectSummary img { width: 22px; height: auto; }
.projectSummary > * { display: flex; gap: 12px; }
.projectType { display: flex; gap: 6px; align-items: center; margin: 12px 0; }
.projectType > * { font-size: 10px; padding: 3px 8px; border-radius: 3px; }
.projectType > div:first-child { font-weight: 600; background: var(--bgColor4); }
.projectType > div:last-child { font-weight: 400; background: var(--bgColor2); }
.projectName { color: var(--fontColor1); font-size: 16px; font-weight: 600; }
.projectName:hover { text-decoration: none; }

@media (min-width: 768px) {
	.homeProjectBlock { padding: 56px 0; background: var(--bgColor0); }
	.homeProject-content { display: grid; grid-auto-flow: column; grid-auto-columns: 40vw; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	.homeProject-content::-webkit-scrollbar { display: none; }
	.projectMedia { position: relative; border-radius: 6px; overflow: hidden; }
	.projectMedia::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient( to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100% ); pointer-events: none; }
	.projectMedia img { width: 100%; height: auto; }
	.projectSummary { position: absolute; left: 12px; bottom: 24px; display: flex; gap: 12px; z-index: 2; font-size: 9px; color: var(--fontColor2); text-decoration: none; }
	.projectSummary b { font-size: 20px; font-weight: 800; }
	.projectSummary img { width: 22px; height: auto; }
	.projectSummary > * { display: flex; gap: 12px; }
	.projectType { display: flex; gap: 6px; align-items: center; margin: 12px 0; }
	.projectType > * { font-size: 10px; padding: 3px 8px; border-radius: 3px; }
	.projectType > div:first-child { font-weight: 600; background: var(--bgColor4); }
	.projectType > div:last-child { font-weight: 400; background: var(--bgColor2); }
	.projectName { color: var(--fontColor1); font-size: 16px; font-weight: 600; }
	.projectName:hover { text-decoration: none; }
}

@media (min-width: 1200px) {
	.homeProjectBlock { padding: 72px 0; background: var(--bgColor0); }
	.homeProject-content { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }
	.projectMedia { position: relative; border-radius: 12px; overflow: hidden; }
	.projectMedia::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient( to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100% ); pointer-events: none; }
	.projectMedia img { width: 100%; height: auto; }
	.projectSummary { position: absolute; left: 24px; bottom: 24px; display: flex; gap: 12px; z-index: 2; font-size: 11px; color: var(--fontColor2); text-decoration: none; }
	.projectSummary b { font-size: 22px; font-weight: 800; }
	.projectSummary img { width: 24px; height: auto; }
	.projectSummary > * { display: flex; gap: 12px; }
	.projectType { display: flex; gap: 6px; align-items: center; margin: 12px 0 24px 0; }
	.projectType > * { font-size: 11px; padding: 3px 8px; border-radius: 3px; }
	.projectType > div:first-child { font-weight: 600; background: var(--bgColor4); }
	.projectType > div:last-child { font-weight: 400; background: var(--bgColor2); }
	.projectName { color: var(--fontColor1); font-size: 17px; font-weight: 600; }
	.projectName:hover { text-decoration: none; }
}

/* Brands Line */
.partnersLine { padding: 56px 0; background: var(--bgColor2); width: 100%; overflow: hidden; }
.partners-track { display: flex; width: max-content; will-change: transform; animation: marquee 35s linear infinite; }
.partners-group { display: flex; align-items: center; gap: 56px; padding-right: 56px; flex-shrink: 0; }
.partner-logo { width: 95px; flex: 0 0 95px; }
.partner-logo img { display: block; width: 100%; height: auto; }
@keyframes marquee { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }

@media (min-width: 1200px) {
	.partnersLine { padding: 72px 0; background: var(--bgColor2); width: 100%; overflow: hidden; }
	.partners-track { display: flex; width: max-content; will-change: transform; animation: marquee 35s linear infinite; }
	.partners-group { display: flex; align-items: center; gap: 128px; padding-right: 128px; flex-shrink: 0; }
	.partner-logo { width: 95px; flex: 0 0 95px; }
	.partner-logo img { display: block; width: 100%; height: auto; }
	@keyframes marquee { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
}
/* Brands Line */

/* FAQs */
.faqsBlock { padding: 56px 0; background: var(--bgColor0); }
.faqsBlock-content { display: grid; grid-template-columns: 1fr; align-items: center; }
.faqsBlock-media { display: block; aspect-ratio: 3 / 2; border-radius: 6px; overflow: hidden;  }
.faqsBlock-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block }
.faqsBlock-header { display: block; }
.faqsBlock-s { font-size: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.75px; margin: 32px 0 0 0; text-align: left; }
.faqsBlock-h { font-size: 24px; font-weight: 800; letter-spacing: -0.5px; line-height: 1; margin: 32px 0; text-align: left; }

.faqsBlock-list { display: flex; flex-direction: column; }
.faqsBlock-line { border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
.faqsBlock-line summary { display: flex; align-items: center; justify-content: space-between; gap: 24px;  padding: 24px 0; font-size: 17px; font-weight: 700; cursor: pointer; list-style: none; }
.faqsBlock-line summary::-webkit-details-marker { display: none; }
.faqsBlock-line summary::marker { display: none; }
.faqsBlock-line summary img { width: 32px; height: 32px; flex: 0 0 32px; transition: transform 0.3s ease; }
.faqsBlock-line[open] summary img { transform: rotate(180deg); }
.faqsBlock-answer {  padding: 0 32px 24px 0; font-size: 15px; font-weight: 300; line-height: 1.4; }

@media (min-width: 768px) {
	.faqsBlock { padding: 56px 0; background: var(--bgColor0); }
	.faqsBlock-content { display: grid; grid-template-columns:1fr; gap: 72px; align-items: center; }
	.faqsBlock-media { display: block; aspect-ratio: 5 / 2; border-radius: 12px; overflow: hidden; }
	.faqsBlock-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
	.faqsBlock-header { display: block; }
	.faqsBlock-s { font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.75px; text-align: left; }
	.faqsBlock-h { font-size: 38px; font-weight: 800; letter-spacing: -0.5px; line-height: 1; margin: 32px 0 48px 0; text-align: left; }

	.faqsBlock-list { display: flex; flex-direction: column; }
	.faqsBlock-line { border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
	.faqsBlock-line summary { display: flex; align-items: center; justify-content: space-between; gap: 24px;  padding: 24px 0; font-size: 18px; font-weight: 700; cursor: pointer; list-style: none; }
	.faqsBlock-line summary::-webkit-details-marker { display: none; }
	.faqsBlock-line summary::marker { display: none; }
	.faqsBlock-line summary img { width: 32px; height: 32px; flex: 0 0 32px; transition: transform 0.3s ease; }
	.faqsBlock-line[open] summary img { transform: rotate(180deg); }
	.faqsBlock-answer {  padding: 0 32px 24px 0; font-size: 16px; font-weight: 300; line-height: 1.4; }
}

@media (min-width: 1200px) {
	.faqsBlock { padding: 72px 0; background: var(--bgColor0); }
	.faqsBlock-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: 72px; align-items: center; }
	.faqsBlock-media { display: block; aspect-ratio: auto; border-radius: 12px; overflow: hidden; }
	.faqsBlock-media img { width: 100%; height: auto; }
	.faqsBlock-header { display: block; }
	.faqsBlock-s { font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.75px; text-align: left; }
	.faqsBlock-h { font-size: 38px; font-weight: 800; letter-spacing: -0.5px; line-height: 1; margin: 32px 0 48px 0; text-align: left; }

	.faqsBlock-list { display: flex; flex-direction: column; }
	.faqsBlock-line { border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
	.faqsBlock-line summary { display: flex; align-items: center; justify-content: space-between; gap: 24px;  padding: 24px 0; font-size: 18px; font-weight: 700; cursor: pointer; list-style: none; }
	.faqsBlock-line summary::-webkit-details-marker { display: none; }
	.faqsBlock-line summary::marker { display: none; }
	.faqsBlock-line summary img { width: 32px; height: 32px; flex: 0 0 32px; transition: transform 0.3s ease; }
	.faqsBlock-line[open] summary img { transform: rotate(180deg); }
	.faqsBlock-answer {  padding: 0 32px 24px 0; font-size: 16px; font-weight: 300; line-height: 1.4; }
}
/* FAQs */

/* News */
.newsBlock { padding: 56px 0; background: var(--bgColor5); }
.newsBlock-list { display: grid; grid-auto-flow: column; grid-auto-columns: 80vw; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.newsBlock-list::-webkit-scrollbar { display: none; }
.newsBlock-item img { width: 100%; height: auto; border-radius: 6px;}
.newsBlock-date { font-size: 10px; font-weight: 400; margin: 12px 0; }
.newsBlock-name { color: var(--fontColor1); font-size: 16px; font-weight: 700; }

@media (min-width: 768px) {
.newsBlock { padding: 56px 0; background: var(--bgColor5); }
.newsBlock-list { display: grid; grid-auto-flow: column; grid-auto-columns: 40vw; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.newsBlock-list::-webkit-scrollbar { display: none; }
.newsBlock-item img { width: 100%; height: auto; border-radius: 6px;}
.newsBlock-date { font-size: 10px; font-weight: 400; margin: 12px 0; }
.newsBlock-name { color: var(--fontColor1); font-size: 16px; font-weight: 700; }
}

@media (min-width: 1200px) {
	.newsBlock { padding: 72px 0; background: var(--bgColor5); }
	.newsBlock-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; align-items: stretch; }
	.newsBlock-item img { width: 100%; height: auto; border-radius: 6px;}
	.newsBlock-date { font-size: 12px; font-weight: 400; margin: 12px 0; }
	.newsBlock-name { color: var(--fontColor1); font-size: 17px; font-weight: 700; }
}
/* News */

/* Social Media */
.socialBlock { padding: 56px 0; background: var(--bgColor0); }
.socialBlock-list { display: grid; grid-auto-flow: column; grid-auto-columns: 65vw; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.socialBlock-list::-webkit-scrollbar { display: none; }
.socialBlock-item { position: relative; border-radius: 6px; overflow: hidden; }
.socialBlock-item::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient( to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100% ); pointer-events: none; }
.socialBlock-item img { width: 100%; height: auto; }
.socialBlock-content { position: absolute; z-index: 2; display: flex; flex-direction: column; gap: 24px; left: 24px; right: 24px; bottom: 32px; color: var(--fontColor2); }
.socialBlock-content-h { font-size: 18px; font-weight: 600; line-height: 1; }
.socialBlock-content-s { display: flex; gap: 24px; align-items: center; }
.socialBlock-content-s > * { display: flex; gap: 12px; align-items: center; font-size: 12px; }
.socialBlock-content-s > * img { width: 16px; height: auto; }

@media (min-width: 768px) {
.socialBlock { padding: 56px 0; background: var(--bgColor0); }
.socialBlock-list { display: grid; grid-auto-flow: column; grid-auto-columns: 35vw; gap: 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.socialBlock-list::-webkit-scrollbar { display: none; }
.socialBlock-item { position: relative; border-radius: 6px; overflow: hidden; }
.socialBlock-item::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient( to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100% ); pointer-events: none; }
.socialBlock-item img { width: 100%; height: auto; }
.socialBlock-content { position: absolute; z-index: 2; display: flex; flex-direction: column; gap: 24px; left: 24px; right: 24px; bottom: 32px; color: var(--fontColor2); }
.socialBlock-content-h { font-size: 18px; font-weight: 600; line-height: 1; }
.socialBlock-content-s { display: flex; gap: 24px; align-items: center; }
.socialBlock-content-s > * { display: flex; gap: 12px; align-items: center; font-size: 12px; }
.socialBlock-content-s > * img { width: 16px; height: auto; }
}

@media (min-width: 1200px) {
	.socialBlock { padding: 72px 0; background: var(--bgColor0); }
	.socialBlock-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; align-items: stretch; }
	.socialBlock-item { position: relative; border-radius: 6px; overflow: hidden; }
	.socialBlock-item::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 50%; background: linear-gradient( to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100% ); pointer-events: none; }
	.socialBlock-item img { width: 100%; height: auto; }
	.socialBlock-content { position: absolute; z-index: 2; display: flex; flex-direction: column; gap: 24px; left: 32px; right: 32px; bottom: 32px; color: var(--fontColor2); }
	.socialBlock-content-h { font-size: 20px; font-weight: 600; line-height: 1; }
	.socialBlock-content-s { display: flex; gap: 24px; align-items: center; }
	.socialBlock-content-s > * { display: flex; gap: 12px; align-items: center; font-size: 13px; }
	.socialBlock-content-s > * img { width: 18px; height: auto; }
}
/* Social Media */