:root {
  --1: 1px;
  ---1: -1px;
  --2: 2px;
  ---2: -2px;
  --3: 3px;
  ---3: -3px;
  --4: 4px;
  ---4: -4px;
  --5: 5px;
  ---5: -5px;
  --6: 6px;
  ---6: -6px;
  --7: 7px;
  ---7: -7px;
  --8: 8px;
  ---8: -8px;
  --9: 9px;
  ---9: -9px;
  --10: 10px;
  ---10: -10px;
  --11: 11px;
  ---11: -11px;
  --12: 12px;
  ---12: -12px;
  --14: 14px;
  ---14: -14px;
  --15: 15px;
  ---15: -15px;
  --16: 16px;
  ---16: -16px;
  --18: 18px;
  ---18: -18px;
  --19: 19px;
  ---19: -19px;
  --20: 20px;
  ---20: -20px;
  --21: 21px;
  ---21: -21px;
  --22: 22px;
  ---22: -22px;
  --24: 24px;
  ---24: -24px;
  --25: 25px;
  ---25: -25px;
  --26: 26px;
  ---26: -26px;
  --27: 27px;
  ---27: -27px;
  --28: 28px;
  ---28: -28px;
  --30: 30px;
  ---30: -30px;
  --31: 31px;
  ---31: -31px;
  --36: 36px;
  ---36: -36px;
  --37: 37px;
  ---37: -37px;
  --39: 39px;
  ---39: -39px;
  --40: 40px;
  ---40: -40px;
  --42: 42px;
  ---42: -42px;
  --45: 45px;
  ---45: -45px;
  --49: 49px;
  ---49: -49px;
  --50: 50px;
  ---50: -50px;
  --52: 52px;
  ---52: -52px;
  --55: 55px;
  ---55: -55px;
  --56: 56px;
  ---56: -56px;
  --60: 60px;
  ---60: -60px;
  --62: 62px;
  ---62: -62px;
  --65: 65px;
  ---65: -65px;
  --72: 72px;
  ---72: -72px;
  --80: 80px;
  ---80: -80px;
  --81: 81px;
  ---81: -81px;
  --90: 90px;
  ---90: -90px;
  --92: 92px;
  ---92: -92px;
  --109: 109px;
  ---109: -109px;
  --116: 116px;
  ---116: -116px;
  --120: 120px;
  ---120: -120px;
  --130: 130px;
  ---130: -130px;
  --140: 140px;
  ---140: -140px;
  --141: 141px;
  ---141: -141px;
  --166: 166px;
  ---166: -166px;
  --168: 168px;
  ---168: -168px;
  --172: 172px;
  ---172: -172px;
  --195: 195px;
  ---195: -195px;
  --230: 230px;
  ---230: -230px;
  --250: 250px;
  ---250: -250px;
  --255: 255px;
  ---255: -255px;
  --270: 270px;
  ---270: -270px;
  --278: 278px;
  ---278: -278px;
  --301: 301px;
  ---301: -301px;
  --324: 324px;
  ---324: -324px;
  --332: 332px;
  ---332: -332px;
  --371: 371px;
  ---371: -371px;
  --400: 400px;
  ---400: -400px;
  --410: 410px;
  ---410: -410px;
  --440: 440px;
  ---440: -440px;
  --462: 462px;
  ---462: -462px;
  --557: 557px;
  ---557: -557px;
  --670: 670px;
  ---670: -670px;
  --1046: 1046px;
  ---1046: -1046px;
  --1093: 1093px;
  ---1093: -1093px;
  --1167: 1167px;
  ---1167: -1167px;
  --1174: 1174px;
  ---1174: -1174px;
  --1198: 1198px;
  ---1198: -1198px;
  --1269: 1269px;
  ---1269: -1269px;
  --1440: 1440px;
  ---1440: -1440px;
}

@media (max-width: 1439.98px) {
  :root {
    --1: 0.0694444444vw;
    ---1: calc(0.0694444444vw * -1);
    --2: 0.1388888889vw;
    ---2: calc(0.1388888889vw * -1);
    --3: 0.2083333333vw;
    ---3: calc(0.2083333333vw * -1);
    --4: 0.2777777778vw;
    ---4: calc(0.2777777778vw * -1);
    --5: 0.3472222222vw;
    ---5: calc(0.3472222222vw * -1);
    --6: 0.4166666667vw;
    ---6: calc(0.4166666667vw * -1);
    --7: 0.4861111111vw;
    ---7: calc(0.4861111111vw * -1);
    --8: 0.5555555556vw;
    ---8: calc(0.5555555556vw * -1);
    --9: 0.625vw;
    ---9: calc(0.625vw * -1);
    --10: 0.6944444444vw;
    ---10: calc(0.6944444444vw * -1);
    --11: 0.7638888889vw;
    ---11: calc(0.7638888889vw * -1);
    --12: 0.8333333333vw;
    ---12: calc(0.8333333333vw * -1);
    --14: 0.9722222222vw;
    ---14: calc(0.9722222222vw * -1);
    --15: 1.0416666667vw;
    ---15: calc(1.0416666667vw * -1);
    --16: 1.1111111111vw;
    ---16: calc(1.1111111111vw * -1);
    --18: 1.25vw;
    ---18: calc(1.25vw * -1);
    --19: 1.3194444444vw;
    ---19: calc(1.3194444444vw * -1);
    --20: 1.3888888889vw;
    ---20: calc(1.3888888889vw * -1);
    --21: 1.4583333333vw;
    ---21: calc(1.4583333333vw * -1);
    --22: 1.5277777778vw;
    ---22: calc(1.5277777778vw * -1);
    --24: 1.6666666667vw;
    ---24: calc(1.6666666667vw * -1);
    --25: 1.7361111111vw;
    ---25: calc(1.7361111111vw * -1);
    --26: 1.8055555556vw;
    ---26: calc(1.8055555556vw * -1);
    --27: 1.875vw;
    ---27: calc(1.875vw * -1);
    --28: 1.9444444444vw;
    ---28: calc(1.9444444444vw * -1);
    --30: 2.0833333333vw;
    ---30: calc(2.0833333333vw * -1);
    --31: 2.1527777778vw;
    ---31: calc(2.1527777778vw * -1);
    --36: 2.5vw;
    ---36: calc(2.5vw * -1);
    --37: 2.5694444444vw;
    ---37: calc(2.5694444444vw * -1);
    --39: 2.7083333333vw;
    ---39: calc(2.7083333333vw * -1);
    --40: 2.7777777778vw;
    ---40: calc(2.7777777778vw * -1);
    --42: 2.9166666667vw;
    ---42: calc(2.9166666667vw * -1);
    --45: 3.125vw;
    ---45: calc(3.125vw * -1);
    --49: 3.4027777778vw;
    ---49: calc(3.4027777778vw * -1);
    --50: 3.4722222222vw;
    ---50: calc(3.4722222222vw * -1);
    --52: 3.6111111111vw;
    ---52: calc(3.6111111111vw * -1);
    --55: 3.8194444444vw;
    ---55: calc(3.8194444444vw * -1);
    --56: 3.8888888889vw;
    ---56: calc(3.8888888889vw * -1);
    --60: 4.1666666667vw;
    ---60: calc(4.1666666667vw * -1);
    --62: 4.3055555556vw;
    ---62: calc(4.3055555556vw * -1);
    --65: 4.5138888889vw;
    ---65: calc(4.5138888889vw * -1);
    --72: 5vw;
    ---72: calc(5vw * -1);
    --80: 5.5555555556vw;
    ---80: calc(5.5555555556vw * -1);
    --81: 5.625vw;
    ---81: calc(5.625vw * -1);
    --90: 6.25vw;
    ---90: calc(6.25vw * -1);
    --92: 6.3888888889vw;
    ---92: calc(6.3888888889vw * -1);
    --109: 7.5694444444vw;
    ---109: calc(7.5694444444vw * -1);
    --116: 8.0555555556vw;
    ---116: calc(8.0555555556vw * -1);
    --120: 8.3333333333vw;
    ---120: calc(8.3333333333vw * -1);
    --130: 9.0277777778vw;
    ---130: calc(9.0277777778vw * -1);
    --140: 9.7222222222vw;
    ---140: calc(9.7222222222vw * -1);
    --141: 9.7916666667vw;
    ---141: calc(9.7916666667vw * -1);
    --166: 11.5277777778vw;
    ---166: calc(11.5277777778vw * -1);
    --168: 11.6666666667vw;
    ---168: calc(11.6666666667vw * -1);
    --172: 11.9444444444vw;
    ---172: calc(11.9444444444vw * -1);
    --195: 13.5416666667vw;
    ---195: calc(13.5416666667vw * -1);
    --230: 15.9722222222vw;
    ---230: calc(15.9722222222vw * -1);
    --250: 17.3611111111vw;
    ---250: calc(17.3611111111vw * -1);
    --255: 17.7083333333vw;
    ---255: calc(17.7083333333vw * -1);
    --270: 18.75vw;
    ---270: calc(18.75vw * -1);
    --278: 19.3055555556vw;
    ---278: calc(19.3055555556vw * -1);
    --301: 20.9027777778vw;
    ---301: calc(20.9027777778vw * -1);
    --324: 22.5vw;
    ---324: calc(22.5vw * -1);
    --332: 23.0555555556vw;
    ---332: calc(23.0555555556vw * -1);
    --371: 25.7638888889vw;
    ---371: calc(25.7638888889vw * -1);
    --400: 27.7777777778vw;
    ---400: calc(27.7777777778vw * -1);
    --410: 28.4722222222vw;
    ---410: calc(28.4722222222vw * -1);
    --440: 30.5555555556vw;
    ---440: calc(30.5555555556vw * -1);
    --462: 32.0833333333vw;
    ---462: calc(32.0833333333vw * -1);
    --557: 38.6805555556vw;
    ---557: calc(38.6805555556vw * -1);
    --670: 46.5277777778vw;
    ---670: calc(46.5277777778vw * -1);
    --1046: 72.6388888889vw;
    ---1046: calc(72.6388888889vw * -1);
    --1093: 75.9027777778vw;
    ---1093: calc(75.9027777778vw * -1);
    --1167: 81.0416666667vw;
    ---1167: calc(81.0416666667vw * -1);
    --1174: 81.5277777778vw;
    ---1174: calc(81.5277777778vw * -1);
    --1198: 83.1944444444vw;
    ---1198: calc(83.1944444444vw * -1);
    --1269: 88.125vw;
    ---1269: calc(88.125vw * -1);
    --1440: 100vw;
    ---1440: calc(100vw * -1);
  }
}
@media (max-width: 576px) {
  :root {
    --1: 0.2666666667vw;
    ---1: calc(0.2666666667vw * -1);
    --2: 0.5333333333vw;
    ---2: calc(0.5333333333vw * -1);
    --3: 0.8vw;
    ---3: calc(0.8vw * -1);
    --4: 1.0666666667vw;
    ---4: calc(1.0666666667vw * -1);
    --5: 1.3333333333vw;
    ---5: calc(1.3333333333vw * -1);
    --6: 1.6vw;
    ---6: calc(1.6vw * -1);
    --7: 1.8666666667vw;
    ---7: calc(1.8666666667vw * -1);
    --8: 2.1333333333vw;
    ---8: calc(2.1333333333vw * -1);
    --9: 2.4vw;
    ---9: calc(2.4vw * -1);
    --10: 2.6666666667vw;
    ---10: calc(2.6666666667vw * -1);
    --11: 2.9333333333vw;
    ---11: calc(2.9333333333vw * -1);
    --12: 3.2vw;
    ---12: calc(3.2vw * -1);
    --14: 3.7333333333vw;
    ---14: calc(3.7333333333vw * -1);
    --15: 4vw;
    ---15: calc(4vw * -1);
    --16: 4.2666666667vw;
    ---16: calc(4.2666666667vw * -1);
    --18: 4.8vw;
    ---18: calc(4.8vw * -1);
    --19: 5.0666666667vw;
    ---19: calc(5.0666666667vw * -1);
    --20: 5.3333333333vw;
    ---20: calc(5.3333333333vw * -1);
    --21: 5.6vw;
    ---21: calc(5.6vw * -1);
    --22: 5.8666666667vw;
    ---22: calc(5.8666666667vw * -1);
    --24: 6.4vw;
    ---24: calc(6.4vw * -1);
    --25: 6.6666666667vw;
    ---25: calc(6.6666666667vw * -1);
    --26: 6.9333333333vw;
    ---26: calc(6.9333333333vw * -1);
    --27: 7.2vw;
    ---27: calc(7.2vw * -1);
    --28: 7.4666666667vw;
    ---28: calc(7.4666666667vw * -1);
    --30: 8vw;
    ---30: calc(8vw * -1);
    --31: 8.2666666667vw;
    ---31: calc(8.2666666667vw * -1);
    --36: 9.6vw;
    ---36: calc(9.6vw * -1);
    --37: 9.8666666667vw;
    ---37: calc(9.8666666667vw * -1);
    --39: 10.4vw;
    ---39: calc(10.4vw * -1);
    --40: 10.6666666667vw;
    ---40: calc(10.6666666667vw * -1);
    --42: 11.2vw;
    ---42: calc(11.2vw * -1);
    --45: 12vw;
    ---45: calc(12vw * -1);
    --49: 13.0666666667vw;
    ---49: calc(13.0666666667vw * -1);
    --50: 13.3333333333vw;
    ---50: calc(13.3333333333vw * -1);
    --52: 13.8666666667vw;
    ---52: calc(13.8666666667vw * -1);
    --55: 14.6666666667vw;
    ---55: calc(14.6666666667vw * -1);
    --56: 14.9333333333vw;
    ---56: calc(14.9333333333vw * -1);
    --60: 16vw;
    ---60: calc(16vw * -1);
    --62: 16.5333333333vw;
    ---62: calc(16.5333333333vw * -1);
    --65: 17.3333333333vw;
    ---65: calc(17.3333333333vw * -1);
    --72: 19.2vw;
    ---72: calc(19.2vw * -1);
    --80: 21.3333333333vw;
    ---80: calc(21.3333333333vw * -1);
    --81: 21.6vw;
    ---81: calc(21.6vw * -1);
    --90: 24vw;
    ---90: calc(24vw * -1);
    --92: 24.5333333333vw;
    ---92: calc(24.5333333333vw * -1);
    --109: 29.0666666667vw;
    ---109: calc(29.0666666667vw * -1);
    --116: 30.9333333333vw;
    ---116: calc(30.9333333333vw * -1);
    --120: 32vw;
    ---120: calc(32vw * -1);
    --130: 34.6666666667vw;
    ---130: calc(34.6666666667vw * -1);
    --140: 37.3333333333vw;
    ---140: calc(37.3333333333vw * -1);
    --141: 37.6vw;
    ---141: calc(37.6vw * -1);
    --166: 44.2666666667vw;
    ---166: calc(44.2666666667vw * -1);
    --168: 44.8vw;
    ---168: calc(44.8vw * -1);
    --172: 45.8666666667vw;
    ---172: calc(45.8666666667vw * -1);
    --195: 52vw;
    ---195: calc(52vw * -1);
    --230: 61.3333333333vw;
    ---230: calc(61.3333333333vw * -1);
    --250: 66.6666666667vw;
    ---250: calc(66.6666666667vw * -1);
    --255: 68vw;
    ---255: calc(68vw * -1);
    --270: 72vw;
    ---270: calc(72vw * -1);
    --278: 74.1333333333vw;
    ---278: calc(74.1333333333vw * -1);
    --301: 80.2666666667vw;
    ---301: calc(80.2666666667vw * -1);
    --324: 86.4vw;
    ---324: calc(86.4vw * -1);
    --332: 88.5333333333vw;
    ---332: calc(88.5333333333vw * -1);
    --371: 98.9333333333vw;
    ---371: calc(98.9333333333vw * -1);
    --400: 106.6666666667vw;
    ---400: calc(106.6666666667vw * -1);
    --410: 109.3333333333vw;
    ---410: calc(109.3333333333vw * -1);
    --440: 117.3333333333vw;
    ---440: calc(117.3333333333vw * -1);
    --462: 123.2vw;
    ---462: calc(123.2vw * -1);
    --557: 148.5333333333vw;
    ---557: calc(148.5333333333vw * -1);
    --670: 178.6666666667vw;
    ---670: calc(178.6666666667vw * -1);
    --1046: 278.9333333333vw;
    ---1046: calc(278.9333333333vw * -1);
    --1093: 291.4666666667vw;
    ---1093: calc(291.4666666667vw * -1);
    --1167: 311.2vw;
    ---1167: calc(311.2vw * -1);
    --1174: 313.0666666667vw;
    ---1174: calc(313.0666666667vw * -1);
    --1198: 319.4666666667vw;
    ---1198: calc(319.4666666667vw * -1);
    --1269: 338.4vw;
    ---1269: calc(338.4vw * -1);
    --1440: 384vw;
    ---1440: calc(384vw * -1);
  }
}
@media (min-width: 0px) and (max-width: 576px) {
  :root {
    --1: 1px;
    ---1: -1px;
    --2: 2px;
    ---2: -2px;
    --3: 3px;
    ---3: -3px;
    --4: 4px;
    ---4: -4px;
    --5: 5px;
    ---5: -5px;
    --6: 6px;
    ---6: -6px;
    --7: 7px;
    ---7: -7px;
    --8: 8px;
    ---8: -8px;
    --9: 9px;
    ---9: -9px;
    --10: 10px;
    ---10: -10px;
    --11: 11px;
    ---11: -11px;
    --12: 12px;
    ---12: -12px;
    --14: 14px;
    ---14: -14px;
    --15: 15px;
    ---15: -15px;
    --16: 16px;
    ---16: -16px;
    --18: 18px;
    ---18: -18px;
    --19: 19px;
    ---19: -19px;
    --20: 20px;
    ---20: -20px;
    --21: 21px;
    ---21: -21px;
    --22: 22px;
    ---22: -22px;
    --24: 24px;
    ---24: -24px;
    --25: 25px;
    ---25: -25px;
    --26: 26px;
    ---26: -26px;
    --27: 27px;
    ---27: -27px;
    --28: 28px;
    ---28: -28px;
    --30: 30px;
    ---30: -30px;
    --31: 31px;
    ---31: -31px;
    --36: 36px;
    ---36: -36px;
    --37: 37px;
    ---37: -37px;
    --39: 39px;
    ---39: -39px;
    --40: 40px;
    ---40: -40px;
    --42: 42px;
    ---42: -42px;
    --45: 45px;
    ---45: -45px;
    --49: 49px;
    ---49: -49px;
    --50: 50px;
    ---50: -50px;
    --52: 52px;
    ---52: -52px;
    --55: 55px;
    ---55: -55px;
    --56: 56px;
    ---56: -56px;
    --60: 60px;
    ---60: -60px;
    --62: 62px;
    ---62: -62px;
    --65: 65px;
    ---65: -65px;
    --72: 72px;
    ---72: -72px;
    --80: 80px;
    ---80: -80px;
    --81: 81px;
    ---81: -81px;
    --90: 90px;
    ---90: -90px;
    --92: 92px;
    ---92: -92px;
    --109: 109px;
    ---109: -109px;
    --116: 116px;
    ---116: -116px;
    --120: 120px;
    ---120: -120px;
    --130: 130px;
    ---130: -130px;
    --140: 140px;
    ---140: -140px;
    --141: 141px;
    ---141: -141px;
    --166: 166px;
    ---166: -166px;
    --168: 168px;
    ---168: -168px;
    --172: 172px;
    ---172: -172px;
    --195: 195px;
    ---195: -195px;
    --230: 230px;
    ---230: -230px;
    --250: 250px;
    ---250: -250px;
    --255: 255px;
    ---255: -255px;
    --270: 270px;
    ---270: -270px;
    --278: 278px;
    ---278: -278px;
    --301: 301px;
    ---301: -301px;
    --324: 324px;
    ---324: -324px;
    --332: 332px;
    ---332: -332px;
    --371: 371px;
    ---371: -371px;
    --400: 400px;
    ---400: -400px;
    --410: 410px;
    ---410: -410px;
    --440: 440px;
    ---440: -440px;
    --462: 462px;
    ---462: -462px;
    --557: 557px;
    ---557: -557px;
    --670: 670px;
    ---670: -670px;
    --1046: 1046px;
    ---1046: -1046px;
    --1093: 1093px;
    ---1093: -1093px;
    --1167: 1167px;
    ---1167: -1167px;
    --1174: 1174px;
    ---1174: -1174px;
    --1198: 1198px;
    ---1198: -1198px;
    --1269: 1269px;
    ---1269: -1269px;
    --1440: 1440px;
    ---1440: -1440px;
  }
}
:root {
  --container-padding: var(--40);
  --container-max: var(--1440);
  --page-container-inset: max(var(--container-padding), calc((100% - var(--container-max) + var(--container-padding) * 2) / 2));
}

@media (max-width: 576px) {
  :root {
    --container-padding: var(--10);
  }
}
.content-container {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-padding);
}

.row {
  --grid-gutter: var(--24);
  display: flex;
  flex-wrap: wrap;
  margin-inline: calc(var(--grid-gutter) / -2);
}

.col,
.col-auto,
[class*=col-] {
  box-sizing: border-box;
  min-width: 0;
  padding-inline: calc(var(--grid-gutter) / 2);
}

.col {
  flex: 1 1 0%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

@media (max-width: 576px) {
  .col-m {
    flex: 1 1 0%;
  }
  .col-m-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-m-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-m-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-m-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-m-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-m-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-m-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-m-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-m-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-m-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-m-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-m-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-m-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .order-m-first {
    order: -1;
  }
  .order-m-last {
    order: 9999;
  }
}
:root {
  --ff-regular: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --color-bg: #fff;
  --color-text: #111;
}

* {
  box-sizing: border-box;
}

*::before,
*::after {
  box-sizing: inherit;
}

html {
  min-width: 320px;
  min-height: 100%;
  text-size-adjust: 100%;
}

body {
  min-height: 100%;
  margin: 0;
  overflow-x: hidden;
  color: var(--color-text);
  background: var(--color-bg);
  font-family: var(--ff-primary);
  font-size: var(--20);
  line-height: var(--26);
  font-weight: 500;
}
@media (max-width: 576px) {
  body {
    font-size: var(--14);
    line-height: var(--18);
    font-weight: 500;
  }
}

img,
svg,
video,
canvas {
  display: block;
  max-width: 100%;
}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

.main {
  min-height: 100vh;
}

.content {
  position: relative;
  width: 100%;
}

.section {
  position: relative;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-grid {
  display: grid;
}

.d-none {
  display: none;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-stretch {
  align-items: stretch;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.align-self-stretch {
  align-self: stretch;
}

.flex-fill {
  flex: 1 1 auto;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink-1 {
  flex-shrink: 1;
}

.order-first {
  order: -1;
}

.order-last {
  order: 9999;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.w-auto {
  width: auto;
}

.h-auto {
  height: auto;
}

.mw-100 {
  max-width: 100%;
}

.mx-auto {
  margin-inline: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.position-relative,
.relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

.position-sticky {
  position: sticky;
}

.cursor-pointer {
  cursor: pointer;
}

.pointer-events-none {
  pointer-events: none;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.no-underline {
  text-decoration: none;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.mt-20 {
  margin-top: var(--20);
}

.mb-20 {
  margin-bottom: var(--20);
}

.ml-20 {
  margin-left: var(--20);
}

.mr-20 {
  margin-right: var(--20);
}

.mx-20 {
  margin-left: var(--20);
  margin-right: var(--20);
}

.my-20 {
  margin-top: var(--20);
  margin-bottom: var(--20);
}

.m-20 {
  margin: var(--20);
}

.pt-20 {
  padding-top: var(--20);
}

.pb-20 {
  padding-bottom: var(--20);
}

.pl-20 {
  padding-left: var(--20);
}

.pr-20 {
  padding-right: var(--20);
}

.px-20 {
  padding-left: var(--20);
  padding-right: var(--20);
}

.py-20 {
  padding-top: var(--20);
  padding-bottom: var(--20);
}

.p-20 {
  padding: var(--20);
}

.gap-20 {
  gap: var(--20);
}

.gx-20 {
  column-gap: var(--20);
}

.gy-20,
.rg-20 {
  row-gap: var(--20);
}

.g-20 {
  --grid-gutter: var(--20);
}

.mt-30 {
  margin-top: var(--30);
}

.mb-30 {
  margin-bottom: var(--30);
}

.ml-30 {
  margin-left: var(--30);
}

.mr-30 {
  margin-right: var(--30);
}

.mx-30 {
  margin-left: var(--30);
  margin-right: var(--30);
}

.my-30 {
  margin-top: var(--30);
  margin-bottom: var(--30);
}

.m-30 {
  margin: var(--30);
}

.pt-30 {
  padding-top: var(--30);
}

.pb-30 {
  padding-bottom: var(--30);
}

.pl-30 {
  padding-left: var(--30);
}

.pr-30 {
  padding-right: var(--30);
}

.px-30 {
  padding-left: var(--30);
  padding-right: var(--30);
}

.py-30 {
  padding-top: var(--30);
  padding-bottom: var(--30);
}

.p-30 {
  padding: var(--30);
}

.gap-30 {
  gap: var(--30);
}

.gx-30 {
  column-gap: var(--30);
}

.gy-30,
.rg-30 {
  row-gap: var(--30);
}

.g-30 {
  --grid-gutter: var(--30);
}

.mt-40 {
  margin-top: var(--40);
}

.mb-40 {
  margin-bottom: var(--40);
}

.ml-40 {
  margin-left: var(--40);
}

.mr-40 {
  margin-right: var(--40);
}

.mx-40 {
  margin-left: var(--40);
  margin-right: var(--40);
}

.my-40 {
  margin-top: var(--40);
  margin-bottom: var(--40);
}

.m-40 {
  margin: var(--40);
}

.pt-40 {
  padding-top: var(--40);
}

.pb-40 {
  padding-bottom: var(--40);
}

.pl-40 {
  padding-left: var(--40);
}

.pr-40 {
  padding-right: var(--40);
}

.px-40 {
  padding-left: var(--40);
  padding-right: var(--40);
}

.py-40 {
  padding-top: var(--40);
  padding-bottom: var(--40);
}

.p-40 {
  padding: var(--40);
}

.gap-40 {
  gap: var(--40);
}

.gx-40 {
  column-gap: var(--40);
}

.gy-40,
.rg-40 {
  row-gap: var(--40);
}

.g-40 {
  --grid-gutter: var(--40);
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.fw-bold {
  font-weight: 700;
}

.fw-normal {
  font-weight: 400;
}

.lh-1 {
  line-height: 1;
}

.lh-sm {
  line-height: 1.25;
}

.lh-base {
  line-height: 1.5;
}

.lh-lg {
  line-height: 2;
}

@media (max-width: 576px) {
  .mt-m-20 {
    margin-top: var(--20);
  }
  .mb-m-20 {
    margin-bottom: var(--20);
  }
  .ml-m-20 {
    margin-left: var(--20);
  }
  .mr-m-20 {
    margin-right: var(--20);
  }
  .mx-m-20 {
    margin-left: var(--20);
    margin-right: var(--20);
  }
  .my-m-20 {
    margin-top: var(--20);
    margin-bottom: var(--20);
  }
  .m-m-20 {
    margin: var(--20);
  }
  .pt-m-20 {
    padding-top: var(--20);
  }
  .pb-m-20 {
    padding-bottom: var(--20);
  }
  .pl-m-20 {
    padding-left: var(--20);
  }
  .pr-m-20 {
    padding-right: var(--20);
  }
  .px-m-20 {
    padding-left: var(--20);
    padding-right: var(--20);
  }
  .py-m-20 {
    padding-top: var(--20);
    padding-bottom: var(--20);
  }
  .p-m-20 {
    padding: var(--20);
  }
  .gap-m-20 {
    gap: var(--20);
  }
  .gx-m-20 {
    column-gap: var(--20);
  }
  .gy-m-20,
  .rg-m-20 {
    row-gap: var(--20);
  }
  .g-m-20 {
    --grid-gutter: var(--20);
  }
  .mt-m-30 {
    margin-top: var(--30);
  }
  .mb-m-30 {
    margin-bottom: var(--30);
  }
  .ml-m-30 {
    margin-left: var(--30);
  }
  .mr-m-30 {
    margin-right: var(--30);
  }
  .mx-m-30 {
    margin-left: var(--30);
    margin-right: var(--30);
  }
  .my-m-30 {
    margin-top: var(--30);
    margin-bottom: var(--30);
  }
  .m-m-30 {
    margin: var(--30);
  }
  .pt-m-30 {
    padding-top: var(--30);
  }
  .pb-m-30 {
    padding-bottom: var(--30);
  }
  .pl-m-30 {
    padding-left: var(--30);
  }
  .pr-m-30 {
    padding-right: var(--30);
  }
  .px-m-30 {
    padding-left: var(--30);
    padding-right: var(--30);
  }
  .py-m-30 {
    padding-top: var(--30);
    padding-bottom: var(--30);
  }
  .p-m-30 {
    padding: var(--30);
  }
  .gap-m-30 {
    gap: var(--30);
  }
  .gx-m-30 {
    column-gap: var(--30);
  }
  .gy-m-30,
  .rg-m-30 {
    row-gap: var(--30);
  }
  .g-m-30 {
    --grid-gutter: var(--30);
  }
  .mt-m-40 {
    margin-top: var(--40);
  }
  .mb-m-40 {
    margin-bottom: var(--40);
  }
  .ml-m-40 {
    margin-left: var(--40);
  }
  .mr-m-40 {
    margin-right: var(--40);
  }
  .mx-m-40 {
    margin-left: var(--40);
    margin-right: var(--40);
  }
  .my-m-40 {
    margin-top: var(--40);
    margin-bottom: var(--40);
  }
  .m-m-40 {
    margin: var(--40);
  }
  .pt-m-40 {
    padding-top: var(--40);
  }
  .pb-m-40 {
    padding-bottom: var(--40);
  }
  .pl-m-40 {
    padding-left: var(--40);
  }
  .pr-m-40 {
    padding-right: var(--40);
  }
  .px-m-40 {
    padding-left: var(--40);
    padding-right: var(--40);
  }
  .py-m-40 {
    padding-top: var(--40);
    padding-bottom: var(--40);
  }
  .p-m-40 {
    padding: var(--40);
  }
  .gap-m-40 {
    gap: var(--40);
  }
  .gx-m-40 {
    column-gap: var(--40);
  }
  .gy-m-40,
  .rg-m-40 {
    row-gap: var(--40);
  }
  .g-m-40 {
    --grid-gutter: var(--40);
  }
}
:root {
  --ff-primary: 'DIN Pro', Arial, sans-serif;
  --ff-display: 'Gilroy', Arial, sans-serif;
  --ff-regular: var(--ff-primary);
  --color-bg: #0a0f35;
  --color-accent: #c40f18;
  --color-text: #fff;
  --color-button-red: var(--color-accent);
  --color-button-red-hover: #a4161d;
  --color-button-blue: var(--color-bg);
  --color-button-blue-hover: #070b25;
  --color-icon-hover: var(--color-accent);
  --radius-default: var(--20);
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--65);
  background: rgba(10, 15, 53, 0.6);
}

.header-inner {
  display: flex;
  align-items: center;
  height: 100%;
}

.header-logo {
  position: relative;
  display: block;
  width: var(--168);
  height: var(--26);
  flex-shrink: 0;
  color: var(--color-text);
  transition: color 0.3s ease;
}
.header-logo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  -webkit-mask: url("../i/icons/logo-izvestia-izru.svg") center/contain no-repeat;
  mask: url("../i/icons/logo-izvestia-izru.svg") center/contain no-repeat;
}
.header-logo img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.header-logo:hover, .header-logo:focus-visible {
  color: var(--color-accent);
}

.header-language {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--60);
  margin-left: auto;
  padding: var(--8) var(--20);
  border: 0;
  border-radius: var(--20);
  background: var(--color-accent);
  color: var(--color-text);
  font-family: var(--ff-primary);
  font-size: var(--20);
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.header-language:hover, .header-language:focus-visible {
  background-color: var(--color-button-red-hover);
}

@media (max-width: 576px) {
  .header {
    height: var(--56);
  }
}
.hero {
  position: relative;
  display: flex;
  width: 100%;
  height: 100vh;
  height: var(--app-height, 100vh);
  min-height: var(--app-height, 100vh);
  overflow: hidden;
  isolation: isolate;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("../i/hero/hero-bg-glow.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 82.8611%);
  mask-image: linear-gradient(to bottom, #000 0%, transparent 82.8611%);
  pointer-events: none;
}

.hero-inner {
  display: flex;
  align-items: flex-end;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 0 var(--40) var(--11);
}

.hero-picture {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.hero-decor {
  --motion-scroll-x: 0vw;
  --motion-scroll-y: 0vw;
  position: absolute;
  z-index: 1;
  display: block;
  max-width: none;
  height: auto;
  pointer-events: none;
  user-select: none;
  will-change: transform, filter, opacity;
}

.hero-decor-left {
  left: 4.885%;
  top: 58.14%;
  width: var(--195);
  opacity: 0.8;
  filter: blur(var(--2));
  transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) rotate(29.53deg);
  animation: hero-cube-float 10.8s cubic-bezier(0.45, 0.05, 0.55, 0.95) -3.1s infinite alternate;
}

.hero-decor-sphere {
  left: 25.89%;
  top: 0.05%;
  width: var(--109);
  opacity: 0.8;
  filter: blur(var(--4));
  animation: hero-sphere-float 8.4s cubic-bezier(0.45, 0.05, 0.55, 0.95) -1.7s infinite alternate;
}

.hero-decor-iz {
  left: 51.48%;
  top: 43.98%;
  width: var(--557);
  opacity: 0.9;
  filter: drop-shadow(0 var(--14) var(--24) rgba(69, 105, 255, 0.12));
  transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) rotate(-15deg);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 75.3%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 75.3%, transparent 100%);
  animation: hero-iz-float 12.6s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

.hero-decor-right {
  left: 86.63%;
  top: 28.44%;
  width: var(--141);
  opacity: 0.8;
  filter: blur(var(--1));
  transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) rotate(-120.96deg);
  animation: hero-pyramid-float 9.7s cubic-bezier(0.45, 0.05, 0.55, 0.95) -4.4s infinite alternate;
}

.hero-title {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  color: var(--color-text);
  font-family: var(--ff-display);
  font-style: normal;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}
.hero-title span,
.hero-title strong {
  display: block;
  width: 100%;
  font: inherit;
}
.hero-title span {
  font-size: var(--80);
  font-weight: 400;
}
.hero-title strong {
  font-size: var(--140);
  font-weight: 900;
}

.hero-channels {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  width: var(--60);
  height: var(--410);
  margin-bottom: var(--30);
  margin-left: auto;
  gap: var(--40);
  color: var(--color-text);
}

.hero-channel {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: var(--color-text);
  transition: color 0.3s ease, transform 0.3s ease;
}
.hero-channel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
.hero-channel img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.hero-channel:hover, .hero-channel:focus-visible {
  color: var(--color-accent);
  transform: translateY(var(---2));
}

.hero-channel-izvestia::before {
  -webkit-mask-image: url("../i/icons/channel-izvestia.svg");
  mask-image: url("../i/icons/channel-izvestia.svg");
}

.hero-channel-ren-tv::before {
  -webkit-mask-image: url("../i/icons/channel-ren-tv.svg");
  mask-image: url("../i/icons/channel-ren-tv.svg");
}

.hero-channel-five::before {
  -webkit-mask-image: url("../i/icons/channel-five.svg");
  mask-image: url("../i/icons/channel-five.svg");
}

.hero-channel-78::before {
  -webkit-mask-image: url("../i/icons/channel-78.svg");
  mask-image: url("../i/icons/channel-78.svg");
}

.hero-channel-dp-ru::before {
  -webkit-mask-image: url("../i/icons/channel-dp-ru.svg");
  mask-image: url("../i/icons/channel-dp-ru.svg");
}

.hero-channel-izvestia,
.hero-channel-five,
.hero-channel-78 {
  width: var(--55);
  height: var(--55);
}

.hero-channel-ren-tv {
  width: var(--52);
  height: var(--60);
}

.hero-channel-dp-ru {
  width: var(--60);
  height: var(--25);
}

@media (max-width: 576px) {
  .hero::before {
    background-position: 29% center;
  }
  .hero-inner {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    padding: 0 var(--10) var(--50);
    gap: var(--62);
  }
  .hero-decor-left {
    left: 5.44%;
    top: 86.79%;
    width: var(--130);
  }
  .hero-decor-sphere {
    left: 8.84%;
    top: 2.74%;
    width: var(--81);
  }
  .hero-decor-iz {
    left: 54.9%;
    top: 42.97%;
    width: var(--371);
  }
  .hero-decor-right {
    left: 96.86%;
    top: 59.1%;
    width: var(--141);
  }
  .hero-title span {
    font-size: min(var(--24), 6.4vw);
  }
  .hero-title strong {
    font-size: min(var(--42), 11.2vw);
  }
  .hero-channels {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: var(--49);
    margin: 0;
    gap: 0;
  }
  .hero-channel-izvestia,
  .hero-channel-five,
  .hero-channel-78 {
    width: var(--39);
    height: var(--39);
  }
  .hero-channel-ren-tv {
    width: var(--36);
    height: var(--42);
  }
  .hero-channel-dp-ru {
    width: var(--42);
    height: var(--18);
  }
}
@keyframes hero-iz-float {
  0%, 100% {
    filter: drop-shadow(0 var(--14) var(--24) rgba(69, 105, 255, 0.12));
    transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(0, 0, 0) rotate(-15deg) scale(1);
  }
  25% {
    filter: drop-shadow(var(---4) var(--18) var(--28) rgba(69, 105, 255, 0.18));
    transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(var(--5), var(---7), 0) rotate(-14.2deg) scale(1.008);
  }
  50% {
    filter: drop-shadow(var(--3) var(--20) var(--30) rgba(123, 62, 255, 0.2));
    transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(var(---4), var(---11), 0) rotate(-15.6deg) scale(1.015);
  }
  75% {
    filter: drop-shadow(var(--5) var(--16) var(--26) rgba(69, 105, 255, 0.16));
    transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(var(---7), var(---3), 0) rotate(-15.9deg) scale(1.006);
  }
}
@keyframes hero-cube-float {
  0% {
    filter: blur(var(--2));
    transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(0, 0, 0) rotate(29.53deg) scale(1);
  }
  55% {
    filter: blur(var(--1));
    transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(var(--7), var(---9), 0) rotate(34deg) scale(1.045);
  }
  100% {
    filter: blur(var(--3));
    transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(var(---5), var(--5), 0) rotate(27deg) scale(0.98);
  }
}
@keyframes hero-sphere-float {
  0% {
    opacity: 0.65;
    filter: blur(var(--5));
    transform: translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(var(---3), var(--4), 0) scale(0.94);
  }
  50% {
    opacity: 0.88;
    filter: blur(var(--3));
    transform: translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(var(--7), var(---5), 0) scale(1.06);
  }
  100% {
    opacity: 0.72;
    filter: blur(var(--4));
    transform: translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(var(---5), var(---8), 0) scale(1);
  }
}
@keyframes hero-pyramid-float {
  0% {
    filter: blur(var(--2));
    transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(0, 0, 0) rotate(-120.96deg) scale(0.98);
  }
  50% {
    filter: blur(0);
    transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(var(---8), var(--7), 0) rotate(-115.5deg) scale(1.055);
  }
  100% {
    filter: blur(var(--2));
    transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) translate3d(var(--5), var(---8), 0) rotate(-125deg) scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-decor {
    animation: none;
    will-change: auto;
  }
}
.who-section {
  margin-top: var(--50);
}

.who-card {
  display: flex;
  align-items: flex-start;
  gap: var(--20);
  padding: var(--30) var(--40) var(--50);
  border-radius: var(--radius-default);
  background: var(--color-accent);
  color: var(--color-text);
  overflow-wrap: break-word;
}
.who-card h2 {
  flex: 0 0 var(--400);
  margin: 0;
  color: inherit;
  font-family: var(--ff-primary);
  font-size: var(--50);
  font-weight: 700;
  line-height: var(--50);
  text-transform: uppercase;
}
.who-card p {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  color: inherit;
  font-family: var(--ff-primary);
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--26);
}

.page-en .who-card {
  padding-top: var(--40);
  padding-bottom: var(--60);
}

@media (max-width: 576px) {
  .who-card {
    flex-direction: column;
    padding: var(--20) var(--20) var(--40);
  }
  .who-card h2 {
    flex: 0 0 auto;
    font-size: var(--22);
    line-height: var(--22);
    white-space: nowrap;
  }
  .who-card h2 .who-title-break {
    display: none;
  }
  .who-card p {
    flex: 0 0 auto;
    width: 100%;
    font-size: var(--14);
    line-height: var(--18);
  }
  .page-en .who-card {
    padding-top: var(--20);
    padding-bottom: var(--40);
  }
}
.page-gradient {
  --motion-scroll-x: 0vw;
  --motion-scroll-y: 0vw;
  position: absolute;
  z-index: 0;
  display: block;
  max-width: none;
  pointer-events: none;
  user-select: none;
  transform: translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0);
}

.page-gradient-right {
  top: var(--440);
  left: calc(83.333333% - var(--301));
  width: var(--1046);
  height: var(--1269);
}

.page-gradient-left {
  --motion-scroll-rotation: 0deg;
  top: var(--1198);
  left: var(---21);
  width: var(--1174);
  height: var(--1167);
  transform: translate(-50%, -50%) translate3d(var(--motion-scroll-x), var(--motion-scroll-y), 0) rotate(calc(144.14deg + var(--motion-scroll-rotation)));
}

.partners-inner {
  overflow: hidden;
}

.partners-media-col {
  display: flex;
}

.partners-media {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--radius-default);
}
.partners-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: var(--324);
  max-width: none;
  object-fit: cover;
}

.partners-content {
  display: flex;
  flex-direction: column;
  gap: var(--20);
  padding: var(--20) var(--40) var(--20) 0;
  color: var(--color-text);
  overflow-wrap: break-word;
}
.partners-content h2 {
  margin: 0;
  color: inherit;
  font-family: var(--ff-primary);
  font-size: var(--50);
  font-weight: 700;
  line-height: var(--50);
  text-transform: uppercase;
}
.partners-content p {
  margin: 0;
  color: inherit;
  font-family: var(--ff-primary);
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--26);
}

.page-en .partners-media img {
  height: 100%;
}
.page-en .partners-content {
  gap: var(--40);
}

@media (max-width: 576px) {
  .page-gradient-right {
    left: calc(75% - var(--270));
  }
  .partners-media-col {
    height: var(--166);
  }
  .partners-media img {
    left: var(---45);
    width: var(--670);
    height: 100%;
  }
  .partners-content {
    padding: var(--20) 0;
  }
  .partners-content h2 {
    font-size: var(--22);
    line-height: var(--22);
  }
  .partners-content p {
    font-size: var(--14);
    line-height: var(--18);
  }
  .page-en .partners-content {
    gap: var(--20);
  }
}
.benefits-inner {
  display: flex;
  align-items: flex-start;
  gap: var(--20);
}

.benefits-heading {
  flex: 0 0 var(--440);
  padding: 0 var(--40) var(--40) 0;
}
.benefits-heading h2 {
  margin: 0;
  color: var(--color-text);
  font-family: var(--ff-primary);
  font-size: var(--50);
  font-weight: 700;
  line-height: var(--50);
  text-transform: uppercase;
  overflow-wrap: break-word;
}

.benefits-list {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
  gap: var(--10);
}

.benefits-row {
  display: flex;
  align-items: stretch;
  gap: var(--20);
}

.benefits-item {
  --benefits-border-gradient: linear-gradient(to bottom right, rgba(184, 194, 255, .58) 0%, rgba(145, 158, 224, .4) 34%, rgba(121, 134, 202, .06) 46%, rgba(121, 134, 202, 0) 50%, rgba(121, 134, 202, .06) 54%, rgba(145, 158, 224, .4) 66%, rgba(184, 194, 255, .58) 100%);
  position: relative;
  display: flex;
  flex: 1 1 0;
  align-items: flex-start;
  min-width: 0;
  overflow: hidden;
  padding: var(--20);
  border-radius: var(--20);
  background: rgba(10, 15, 53, 0.25);
  -webkit-backdrop-filter: blur(var(--9));
  backdrop-filter: blur(var(--9));
  isolation: isolate;
}
.benefits-item::before, .benefits-item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: var(--benefits-border-gradient);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.benefits-item::before {
  padding: calc(var(--1) / 2);
}
.benefits-item::after {
  padding: var(--1);
  opacity: 0.45;
  filter: blur(var(--1));
}
.benefits-item p {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  color: var(--color-text);
  font-family: var(--ff-primary);
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--26);
  overflow-wrap: break-word;
}

@media (max-width: 576px) {
  .benefits-inner {
    flex-direction: column;
    gap: var(--20);
  }
  .benefits-heading {
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
  }
  .benefits-heading h2 {
    font-size: var(--22);
    line-height: var(--22);
  }
  .benefits-list {
    flex: 0 0 auto;
    width: 100%;
  }
  .benefits-row {
    flex-direction: column;
    gap: var(--20);
  }
  .benefits-item {
    flex: 0 0 auto;
    width: 100%;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .benefits-item p {
    font-size: var(--14);
    font-weight: 700;
    line-height: var(--18);
  }
}
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
  .benefits-item {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
.contact-section {
  margin-bottom: var(--130);
}

.contact-card {
  display: flex;
  align-items: flex-start;
  min-height: var(--250);
  gap: var(--20);
  padding: var(--40) var(--40) var(--37);
  border-radius: var(--radius-default);
  background: var(--color-accent);
  color: var(--color-text);
}

.contact-copy,
.contact-actions {
  flex: 1 1 0;
  min-width: 0;
}

.contact-copy {
  display: flex;
  flex-direction: column;
  gap: var(--20);
  overflow-wrap: break-word;
}
.contact-copy h2,
.contact-copy p {
  width: 100%;
  margin: 0;
  color: inherit;
  font-family: var(--ff-primary);
}
.contact-copy h2 {
  font-size: var(--50);
  font-weight: 700;
  line-height: var(--50);
  text-transform: uppercase;
}
.contact-copy p {
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--26);
}

.contact-actions {
  position: relative;
  height: var(--172);
}

.contact-toggle {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  top: var(--55);
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--56);
  padding: var(--15) var(--20);
  border: 0;
  border-radius: var(--10);
  background: var(--color-button-blue);
  color: var(--color-text);
  cursor: pointer;
  font-family: var(--ff-primary);
  font-size: var(--20);
  font-weight: 700;
  line-height: var(--26);
  text-align: center;
  transition: top 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.3s ease;
}
.contact-toggle:hover, .contact-toggle:focus-visible {
  background-color: var(--color-button-blue-hover);
}

.contact-methods {
  position: absolute;
  top: var(--56);
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  height: var(--116);
  padding-top: var(--20);
  gap: var(--20);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(var(---12));
  transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s linear 0.4s;
}

.contact-method {
  display: flex;
  flex: 0 0 var(--56);
  align-items: flex-start;
  justify-content: center;
  width: var(--56);
  height: var(--56);
  color: var(--color-text);
  text-decoration: none;
}

.contact-method-icon {
  display: flex;
  flex: 0 0 var(--56);
  align-items: center;
  justify-content: center;
  width: var(--56);
  height: var(--56);
  border-radius: 50%;
  background: var(--color-button-blue);
  color: inherit;
  transition: color 0.3s ease;
}

.contact-method-label {
  position: absolute;
  top: var(--90);
  left: 0;
  width: 100%;
  margin: 0;
  color: var(--color-text);
  font-family: var(--ff-primary);
  font-size: var(--20);
  font-weight: 700;
  line-height: var(--26);
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.contact-actions.is-open .contact-toggle {
  top: 0;
}
.contact-actions.is-open .contact-methods {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0.08s, 0s, 0s;
}

.contact-method:focus-visible {
  color: var(--color-icon-hover);
}
.contact-method:focus-visible .contact-method-label {
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  .contact-method:hover {
    color: var(--color-icon-hover);
  }
  .contact-method:hover .contact-method-label {
    opacity: 1;
  }
}
.contact-action-icon {
  display: block;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.contact-action-icon-feedback {
  width: var(--27);
  height: var(--21);
  -webkit-mask-image: url("../i/icons/icon-feedback.svg");
  mask-image: url("../i/icons/icon-feedback.svg");
}

.contact-action-icon-mail {
  width: var(--27);
  height: var(--20);
  -webkit-mask-image: url("../i/icons/icon-mail.svg");
  mask-image: url("../i/icons/icon-mail.svg");
}

.contact-action-icon-max {
  width: var(--26);
  height: var(--26);
  -webkit-mask-image: url("../i/icons/icon-max.svg");
  mask-image: url("../i/icons/icon-max.svg");
}

.contact-action-icon-telegram {
  width: var(--26);
  height: var(--22);
  -webkit-mask-image: url("../i/icons/icon-telegram.svg");
  mask-image: url("../i/icons/icon-telegram.svg");
}

@media (max-width: 576px) {
  .contact-section {
    margin-bottom: var(--90);
  }
  .contact-card {
    flex-direction: column;
    min-height: 0;
    padding: var(--20) var(--20) var(--30);
  }
  .contact-copy,
  .contact-actions {
    flex: 0 0 auto;
    width: 100%;
  }
  .contact-copy h2 {
    font-size: var(--22);
    line-height: var(--22);
  }
  .contact-copy p {
    font-size: var(--14);
    line-height: var(--18);
  }
  .contact-title-break {
    display: none;
  }
  .contact-copy-break {
    display: none;
  }
  .contact-actions {
    display: flex;
    height: auto;
    flex-direction: column;
  }
  .contact-toggle {
    position: relative;
    top: auto;
    left: auto;
    min-height: var(--50);
    font-size: var(--14);
    line-height: var(--18);
  }
  .contact-methods {
    position: relative;
    top: auto;
    left: auto;
    flex-direction: column;
    justify-content: flex-start;
    height: 0;
    padding-top: 0;
    gap: var(--10);
    overflow: hidden;
    transform: translateY(var(---10));
    transition: opacity 0.3s ease, transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s linear 0.45s;
  }
  .contact-method {
    flex: 0 0 var(--50);
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: var(--50);
    padding: 0 var(--40);
    gap: var(--10);
  }
  .contact-method-feedback {
    order: 1;
  }
  .contact-method-mail {
    order: 2;
  }
  .contact-method-telegram {
    order: 3;
  }
  .contact-method-max {
    order: 4;
  }
  .contact-method-icon {
    flex-basis: var(--50);
    width: var(--50);
    height: var(--50);
  }
  .contact-method-label {
    position: static;
    width: auto;
    font-size: var(--14);
    line-height: var(--18);
    text-align: left;
    opacity: 1;
  }
  .contact-actions.is-open .contact-methods {
    height: var(--230);
    margin-top: var(--20);
  }
}
.page-index .content,
.page-en .content {
  z-index: 1;
}

.footer {
  position: relative;
  z-index: 0;
  flex: 0 0 auto;
  width: 100%;
  background: rgba(10, 15, 53, 0.25);
  isolation: isolate;
}
.footer::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  height: var(--1);
  background: rgba(255, 255, 255, 0.25);
  pointer-events: none;
}

.footer-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: var(--92);
  padding: var(--10) var(--50);
}

.footer-glow {
  position: absolute;
  top: var(--3);
  left: calc(33.333333% + var(--72));
  z-index: 0;
  width: var(--1093);
  height: var(--332);
  pointer-events: none;
  user-select: none;
}
.footer-glow img {
  position: absolute;
  display: block;
  max-width: none;
}

.footer-glow-desktop {
  top: -90.27%;
  left: -27.44%;
  width: 154.88%;
  height: 280.54%;
}

.footer-glow-mobile {
  display: none;
}

.footer-logo {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: var(--168);
  height: var(--26);
  color: var(--color-text);
  transition: color 0.3s ease;
}
.footer-logo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: currentColor;
  -webkit-mask: url("../i/icons/logo-izvestia-izru.svg") center/contain no-repeat;
  mask: url("../i/icons/logo-izvestia-izru.svg") center/contain no-repeat;
}
.footer-logo img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.footer-logo:hover, .footer-logo:focus-visible {
  color: var(--color-accent);
}

.footer-socials {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: var(--10);
}

.footer-social {
  -webkit-appearance: none;
  appearance: none;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: var(--45);
  height: var(--45);
  padding: 0;
  border: 0;
  border-radius: var(--10);
  background-color: var(--color-bg);
  box-shadow: inset var(---4) var(---4) var(--8) rgba(0, 0, 0, 0.25), inset var(--2) var(--2) var(--2) rgba(255, 255, 255, 0.45);
  color: var(--color-text);
  transition: color 0.3s ease, box-shadow 0.3s ease;
}
.footer-social svg {
  display: block;
}
.footer-social:hover, .footer-social:focus-visible {
  color: var(--color-icon-hover);
  box-shadow: inset var(---3) var(---3) var(--6) rgba(0, 0, 0, 0.35), inset var(--2) var(--2) var(--3) rgba(255, 255, 255, 0.32);
}
.footer-social:hover .inline-icon, .footer-social:focus-visible .inline-icon {
  color: inherit;
}

.footer-social-telegram svg {
  width: var(--26);
  height: var(--22);
}

.footer-social-vk svg {
  width: var(--31);
  height: var(--19);
}

.footer-social-max svg {
  width: var(--26);
  height: var(--26);
}

.footer-social-ok svg {
  width: var(--16);
  height: var(--26);
}

.footer-social-rutube img {
  display: block;
  width: 100%;
  height: 100%;
}

.footer-social-icon {
  display: block;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.footer-social-icon-telegram {
  width: var(--26);
  height: var(--22);
  -webkit-mask-image: url("../i/icons/icon-telegram.svg");
  mask-image: url("../i/icons/icon-telegram.svg");
}

.footer-social-icon-vk {
  width: var(--31);
  height: var(--19);
  -webkit-mask-image: url("../i/icons/icon-vk.svg");
  mask-image: url("../i/icons/icon-vk.svg");
}

.footer-social-icon-max {
  width: var(--26);
  height: var(--26);
  -webkit-mask-image: url("../i/icons/icon-max.svg");
  mask-image: url("../i/icons/icon-max.svg");
}

.footer-social-icon-ok {
  width: var(--16);
  height: var(--26);
  -webkit-mask-image: url("../i/icons/icon-ok.svg");
  mask-image: url("../i/icons/icon-ok.svg");
}

@media (max-width: 576px) {
  .footer {
    background: rgba(10, 15, 53, 0.6);
  }
  .footer-glow {
    top: var(---255);
    left: var(--120);
    width: var(--462);
    height: var(--278);
  }
  .footer-glow-desktop {
    display: none;
  }
  .footer-glow-mobile {
    top: -107.8%;
    left: -64.96%;
    display: block;
    width: 229.92%;
    height: 315.6%;
  }
  .footer-inner {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-height: 0;
    margin-left: 0;
    padding-top: var(--10);
    padding-right: var(--10);
    padding-bottom: var(--40);
    padding-left: var(--10);
    gap: var(--30);
  }
  .footer-socials {
    flex-wrap: wrap;
    margin-left: 0;
  }
}
.hero::after {
  content: "";
  position: absolute;
  top: -35%;
  right: -20%;
  z-index: 1;
  width: 140%;
  height: 28%;
  background: linear-gradient(180deg, transparent, rgba(164, 184, 255, 0.1), transparent);
  mix-blend-mode: screen;
  opacity: 0.8;
  pointer-events: none;
  transform: translate3d(0, -120%, 0) rotate(-8deg);
  animation: hero-signal-scan 8.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) 1.8s infinite;
}

.header {
  -webkit-backdrop-filter: blur(var(--10));
  backdrop-filter: blur(var(--10));
  will-change: background-color, box-shadow;
}

.header-language {
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.header-language:hover, .header-language:focus-visible {
  box-shadow: 0 var(--8) var(--24) rgba(196, 15, 24, 0.3);
  transform: translateY(var(---2)) scale(1.03);
}

.hero-channel:hover, .hero-channel:focus-visible {
  filter: drop-shadow(0 var(--6) var(--14) rgba(196, 15, 24, 0.35));
}

.footer-social {
  transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.footer-social:hover, .footer-social:focus-visible {
  transform: translateY(var(---3)) rotate(-2deg);
}

@keyframes hero-signal-scan {
  0%, 18% {
    opacity: 0;
    transform: translate3d(0, -120%, 0) rotate(-8deg);
  }
  34% {
    opacity: 0.8;
  }
  62% {
    opacity: 0.55;
  }
  78%, 100% {
    opacity: 0;
    transform: translate3d(0, 620%, 0) rotate(-8deg);
  }
}
@media (max-width: 576px) {
  .hero::after {
    display: none;
  }
  .header {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    will-change: auto;
  }
  .hero-decor {
    animation: none;
    filter: none;
    will-change: auto;
  }
  .contact-toggle,
  .contact-methods,
  .contact-method-icon,
  .contact-method-label {
    transition: none;
  }
}
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
  .hero::after {
    display: none;
  }
  .header {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    will-change: auto;
  }
  .hero-decor {
    animation: none;
    filter: none;
    will-change: auto;
  }
  .contact-toggle,
  .contact-methods,
  .contact-method-icon,
  .contact-method-label {
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero::after {
    display: none;
  }
  .header,
  .header-language,
  .hero-channel,
  .contact-toggle,
  .contact-methods,
  .contact-method-icon,
  .contact-method-label,
  .footer-social {
    transition-duration: 0.01s;
  }
}
body {
  font-family: var(--ff-primary);
  font-size: var(--20);
  line-height: 1.3;
  font-weight: 500;
  font-style: normal;
}
@media (max-width: 576px) {
  body {
    font-size: var(--14);
  }
}

svg.inline-icon {
  color: var(--color-text);
}
svg.inline-icon [fill]:not([fill=none]) {
  fill: currentColor;
}
svg.inline-icon [stroke]:not([stroke=none]) {
  stroke: currentColor;
}
svg.inline-icon:hover {
  color: var(--color-icon-hover);
}