/* Правила первого экрана раздела «about» из отложенного css_preload/about/ (13.10.2026, CLS).
   Лежат здесь, а не в общем critical.css: подключаются только на страницах раздела. */
.info_section { position: relative; display: flex; -webkit-box-pack: center; justify-content: center; z-index: 1; padding-bottom: 75px; }
.info_section .figure1 { top: 10px; left: calc(-760px + 50vw); }
.info_section .figure2 { top: -70px; left: 0px; }
.info_section .element .img { width: 100%; height: 100%; border-radius: 15px; overflow: hidden; }
.info_section .element:nth-child(3) { grid-area: 1 / 4 / 3 / 5; }
@media (max-width: 1200px){.info_section .element:nth-child(5), .info_section .element:nth-child(2), .info_section .element:nth-child(3) { width: calc(50% - 10px); order: -1; max-height: 30vw; }}
@media (max-width: 430px){.info_section .element:nth-child(2), .info_section .element:nth-child(3) { width: 100%; max-height: 53vw; }}
.info_section .bg_text { top: -160px; left: 36%; z-index: -1; font-family: Verdana, Geneva, Tahoma, "Times New Roman", Times, serif; font-weight: 600; white-space: nowrap; opacity: 0.7; }
.info_section .figure3 { top: -70px; right: 0px; }
.info_section .grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 230px); gap: 20px; }
.info_section .element .inner { position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; height: 100%; font-family: Verdana, Geneva, Tahoma, "Times New Roman", Times, serif; font-weight: 600; font-size: 40px; color: rgb(255, 255, 255); background: linear-gradient(126.26deg, rgb(76, 87, 216) 14.02%, rgba(102, 72, 223, 0.63) 104.33%); border-radius: 15px; padding: 20px 40px 20px 14px; }
.info_section .element:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
.info_section .element:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }
.info_section .element:nth-child(4) { grid-area: 2 / 1 / 3 / 2; }
.info_section .element:nth-child(4) { display: flex; -webkit-box-align: end; align-items: flex-end; grid-area: 2 / 2 / 3 / 4; }
.company_page .works_stages .content { width: calc(50% - 15px); }
.company_page .works_stages .content .inner { position: relative; display: block; height: 100%; background-color: transparent; z-index: 1; padding: 65px 40px; overflow: hidden; }
@media (max-width: 1200px){.company_page .works_stages .content, .company_page .works_stages .switchTitles { width: 100%; }}
@media (max-width: 1200px){.info_section .grid { display: flex; flex-wrap: wrap; }}
@media (max-width: 1200px){.info_section .element:nth-child(5), .info_section .element:nth-child(4) { width: calc(50% - 10px); -webkit-box-ordinal-group: 4; order: 3; }}
@media (max-width: 1200px){.info_section .element:nth-child(1) { -webkit-box-ordinal-group: 2; order: 1; }}
@media (max-width: 630px){.info_section .element:nth-child(4) { width: 100%; }}
@media (max-width: 630px){.info_section .element:nth-child(5) { width: 100%; min-height: 170px; -webkit-box-ordinal-group: 3; order: 2; }}
@media (max-width: 480px){.company_page .works_stages .content .inner { padding: 30px 15px; }}