@charset "UTF-8";
/* stylelint-disable */
/* ---------- example ---------- */
/*
.selector {
  // только в промежутке tablet..desktop
  @include media-between(tablet, desktop) { ... }

  // ровно «только tablet» (1024..1239)
  @include media-only(tablet) { ... }

  // ≥ 1440
  @include for-desktop { ... }

  // ≤ 767
  @include small-tablet { ... }
}
*/
/* ---------- helpers ---------- */
/* Min-width */
/* Max-width */
/* stylelint-disable */
/* stylelint-disable */
.section-president {
  background-color: var(--section-bg);
  position: relative;
  --about-person-col: 46rem;
  --about-edge-gap: max(calc((100vw - 160rem) / 2), 2rem);
  --about-left-track: calc(var(--about-edge-gap) + var(--about-person-col));
}
.section-president.after-counter {
  padding-top: calc(var(--section-stats) / 2);
  padding-bottom: 0 !important;
}
.section-president .container {
  max-width: 100vw;
  padding: 0;
}
.section-president__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.section-president__bg img,
.section-president__bg picture {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  width: 100%;
  height: 100%;
}
.section-president__inner {
  display: flex;
  flex-direction: column;
}
.section-president__top {
  position: relative;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto 6.8rem;
  padding: 0 var(--container-offset);
  display: flex;
  padding-top: 7.5rem;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding-left: calc(var(--about-person-col) + 6.8rem + var(--container-offset));
}
.section-president__top > span {
  color: #383d45;
  font-family: var(--font-title);
  font-size: clamp(1.4rem, 1.22vw, 2rem);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.section-president__image {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
}
.section-president__image img {
  position: absolute;
  right: 0;
  left: 0;
  z-index: -1;
  bottom: 0;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right top;
     object-position: right top;
}
.section-president__info {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.8rem;
  margin-left: 3.8rem;
  margin-bottom: 2.6rem;
}
.section-president__name {
  color: #fefefe;
}
.section-president__position {
  color: rgba(254, 254, 254, 0.4);
  letter-spacing: 5.6px;
}
.section-president__box {
  position: relative;
  display: grid;
  grid-template-columns: var(--about-left-track) minmax(0, 1fr);
  align-items: end;
}
.section-president__box .editor {
  width: 100%;
  margin-right: 0;
  background: var(--cl-a);
  z-index: 1;
  padding: clamp(4rem, 3.659vw, 6rem) clamp(3.2rem, 3.659vw, 6rem) clamp(3rem, 2.683vw, 4.4rem) clamp(3.2rem, 3.659vw, 6rem);
  gap: 2.4rem;
}
.section-president__box .editor p:not([class]) {
  font-size: clamp(1.6rem, 1.098vw, 1.8rem);
}
.section-president__box .editor * {
  max-width: none;
  max-width: min(100%, 110rem);
  margin-right: auto;
}
.section-president__box .editor .h1, .section-president__box .editor .h2, .section-president__box .editor .h3, .section-president__box .editor .h4, .section-president__box .editor .h5, .section-president__box .editor .h6, .section-president__box .editor h1, .section-president__box .editor h2, .section-president__box .editor h3, .section-president__box .editor h4, .section-president__box .editor h5, .section-president__box .editor h6 {
  color: var(--color-text-main);
  font-size: clamp(2.2rem, 2.317vw, 3.8rem);
  line-height: 1.15;
}
.section-president__box .editor p:not([class]) {
  color: rgba(52, 55, 60, 0.58);
  line-height: 1.77;
}
.section-president .social-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: clamp(8px, 0.61vw, 1rem);
}
.section-president .social-list a, .section-president .social-list span {
  width: clamp(34px, 2.439vw, 4rem);
  height: clamp(34px, 2.439vw, 4rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--cl-a);
  padding: 6px;
  transition: all 0.3s;
  cursor: pointer;
}
.section-president .social-list img, .section-president .social-list svg {
  width: clamp(20px, 1.463vw, 2.4rem);
  height: clamp(20px, 1.463vw, 2.4rem);
}
.section-president .social-list .menu-link svg {
  color: rgba(52, 55, 60, 0.15);
}
@media (max-width: 1239.98px){
  .section-president__top {
    margin: 3.6rem 0;
    padding-left: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 1.4rem;
  }
  .section-president__image img {
    height: 100%;
  }
  .section-president__box {
    grid-template-columns: minmax(0, 32rem) minmax(0, 1fr);
    align-items: stretch;
  }
}
@media (max-width: 1023.98px){
  .section-president__bg {
    top: 0;
    bottom: initial;
  }
  .section-president__top {
    justify-content: space-between;
    padding: 0 var(--container-offset);
  }
  .section-president__image img {
    -o-object-position: top;
       object-position: top;
    position: relative;
  }
  .section-president__image {
    min-height: 44rem;
  }
  .section-president__info {
    margin: 0;
    position: absolute;
    z-index: 1;
    left: 2.4rem;
    bottom: 2.6rem;
  }
  .section-president__box .editor {
    padding: 3.2rem 2.4rem 2.4rem;
  }
  .section-president__box {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 766.98px){
  .section-president__info {
    left: 1.6rem;
  }
  .section-president__box .editor {
    padding: 2.4rem 1.6rem 1.8rem;
  }
}
@media (max-width: 575.98px){
  .section-president.after-counter + .section-team {
    padding-top: 22px !important;
  }
}
@media (hover: hover){
  .section-president .social-list a:hover, .section-president .social-list span:hover {
    transform: scale(1.1);
  }
}
@media (hover: none){
  .section-president .social-list a:active, .section-president .social-list span:active {
    transform: scale(1.1);
  }
}
/*# sourceMappingURL=section-president.css.map */