/* Компания (2019-7376 / 2019-8646). Общие блоки — в blocks.css. */

/* вводка с 696, сверху 40, снизу 96; линия над ней во всю ширину */
.ctop__text { margin-top: 0; padding: 40px var(--gutter) 96px calc(48.33% + 0px); border-top: 1px solid var(--c-line); }
.ctop__text { padding-right: calc(100% - 48.33% - 548px); }
.cphoto { height: 720px; overflow: hidden; background: #3e3e3e; }
.cphoto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 61%; } /* кадр как на главной: 1511×1008, −35/−176 */
.cphoto--2 img { object-position: 50% 24%; }  /* 1457×971, сдвиг −4/−60 */

.goals { padding-bottom: 120px; }
.goals .shead { padding-bottom: 16px; }
.tabs { display: flex; padding-inline: var(--gutter); }
.tabs__btn { height: 40px; padding-inline: 40px; display: inline-flex; align-items: center; border: 1px solid var(--c-line); font: 500 11px/20px var(--f-text); letter-spacing: .06em; text-transform: uppercase; transition: background-color .25s, color .25s; }
.tabs__btn + .tabs__btn { border-left: 0; }
.tabs__btn.is-on { background: var(--c-white); color: var(--c-bg); border-color: var(--c-white); }
@media (hover: hover) { .tabs__btn:not(.is-on):hover { background: var(--c-hover); } }
.goals [data-pane] { margin-top: 40px; }
.gcards { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--c-line); }
.gcard { display: grid; grid-template-rows: auto auto 1fr; gap: 20px; min-height: 436px; padding: 32px var(--gutter) 88px; border-bottom: 1px solid var(--c-line); }
.gcard + .gcard { border-left: 1px solid var(--c-line); }
.gcard__title { font: 400 20px/28px var(--f-head); }
.gcard__text { align-self: end; color: var(--c-white-80); }

@media (max-width: 1023px) {
  .ctop .page-top__title { padding-bottom: 32px; }
  .ctop__text { padding: 32px var(--gutter) 64px; }
  .cphoto { height: 188px; }
  .goals { padding-bottom: 96px; }
  .goals .shead { padding-bottom: 64px; }
  .tabs { display: grid; grid-template-columns: 1fr 1fr; }
  .tabs__btn { justify-content: center; padding-inline: 16px; }
  .goals [data-pane] { margin-top: 32px; }
  .gcard { min-height: 372px; gap: 24px; padding: 20px var(--gutter) 48px; }
  .gcard__title { font-size: 17px; line-height: 26px; }
}