/* ============ SHARED SECTION BITS ============ */
.sec{height:100%;display:flex;flex-direction:column;justify-content:center}
.sec-eyebrow{font-size:var(--fs-nav);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-400)}
.sec-title{font-size:var(--fs-3xl);font-weight:300;line-height:1.06;letter-spacing:-.015em;margin-top:var(--s3);max-width:20ch}
.sec-sub{margin-top:var(--s3);max-width:52ch;color:var(--snow-muted)}
.panel--light .sec-sub{color:var(--ink-muted)}
.panel--light .sec-eyebrow{color:var(--gold-500)}

/* ============ SERVICES (deck) ============ */
.services{display:flex;align-items:center;gap:var(--s10);height:100%;
  padding:var(--s10) var(--s10) var(--s10) calc(var(--s16) + var(--s10))}
.svc-head{flex:0 0 320px}
.svc-count{margin-top:var(--s5);font-size:var(--fs-5xl);font-weight:800;color:var(--snow);line-height:1}
.svc-count b{color:var(--gold-400)}
.svc-deck{display:flex;gap:var(--s2);height:66vh}
.svc-card{position:relative;flex:0 0 288px;height:100%;background:var(--navy-700);border:1px solid var(--navy-600);
  padding:var(--s5);display:flex;flex-direction:column;transition:transform .5s var(--ease),background .5s var(--ease),border-color .5s}
.svc-card:hover{transform:translateY(-14px);background:var(--navy-600);border-color:var(--gold-500)}
.svc-card__num{font-size:var(--fs-lg);font-weight:800;color:var(--gold-400)}
.svc-card__name{font-size:var(--fs-md);font-weight:700;margin-top:auto;line-height:1.2}
.svc-card__desc{font-size:var(--fs-cap);color:var(--snow-muted);margin-top:var(--s2);line-height:1.5}
.svc-card__go{margin-top:var(--s3);font-size:var(--fs-cap);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400);
  opacity:0;transform:translateX(-8px);transition:.5s var(--ease)}
.svc-card:hover .svc-card__go{opacity:1;transform:none}

/* ============ TEAM (grayscale -> color + plaque) ============ */
.team{padding:var(--s10) var(--s10) var(--s10) calc(var(--s16) + var(--s10));height:100%;display:flex;flex-direction:column;justify-content:center}
.team-grid{display:flex;gap:var(--s2);margin-top:var(--s6)}
.team-card{position:relative;flex:0 0 296px;height:60vh;overflow:hidden;background:var(--navy-900)}
.team-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.team-card__a{filter:grayscale(1) contrast(1.05);transition:opacity .6s var(--ease)}
.team-card__b{opacity:0;transition:opacity .6s var(--ease)}
.team-card:hover .team-card__a{opacity:0}
.team-card:hover .team-card__b{opacity:1}
.team-plaque{position:absolute;left:var(--s3);right:var(--s3);bottom:var(--s3);z-index:3;
  background:rgba(8,21,43,.9);border-left:2px solid var(--gold-400);padding:var(--s3) var(--s3) var(--s4);
  opacity:0;transform:translateY(14px);transition:.5s var(--ease)}
.team-card:hover .team-plaque{opacity:1;transform:none}
.team-plaque__name{font-size:var(--fs-md);font-weight:700;color:var(--snow)}
.team-plaque__role{font-size:var(--fs-cap);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-400);margin-top:2px}
.team-plaque__desc{font-size:var(--fs-cap);color:var(--snow-muted);margin-top:var(--s2);line-height:1.5}

/* ============ VALUES / "КАК МЫ РАБОТАЕМ" ============ */
.values{padding:var(--s10) var(--s10) var(--s10) calc(var(--s16) + var(--s10));height:100%;display:flex;flex-direction:column;justify-content:center}
.val-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:var(--s2);margin-top:var(--s6);height:52vh}
.val-col{display:flex;flex-direction:column;gap:var(--s2)}
.val-card{flex:1;border:1px solid rgba(10,25,48,.16);padding:var(--s4);display:flex;flex-direction:column;justify-content:flex-end;transition:.4s var(--ease)}
.val-card__num{font-size:var(--fs-cap);color:var(--gold-500);letter-spacing:.1em}
.val-card__name{font-size:var(--fs-lg);font-weight:700;margin-top:var(--s2)}
.val-card__desc{font-size:var(--fs-cap);color:var(--ink-muted);margin-top:var(--s2);line-height:1.5}
.val-card--active{background:var(--navy-800);color:var(--snow);border-color:var(--navy-800)}
.val-card--active .val-card__num{color:var(--gold-400)}
.val-card--active .val-card__desc{color:var(--snow-muted)}
.val-photo{position:relative;overflow:hidden;background:var(--navy-900)}
.val-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}

/* ============ PROCESS "ПОРЯДОК РАБОТЫ" ============ */
.process{padding:var(--s10) var(--s10) var(--s10) calc(var(--s16) + var(--s10));height:100%;display:flex;flex-direction:column;justify-content:center}
.proc-grid{display:flex;gap:var(--s3);margin-top:var(--s8)}
.proc-step{flex:1;border-top:2px solid var(--navy-500);padding-top:var(--s3)}
.proc-step__num{font-size:var(--fs-3xl);font-weight:800;color:var(--gold-400);line-height:1}
.proc-step__title{font-size:var(--fs-md);font-weight:700;margin-top:var(--s3)}
.proc-step__desc{font-size:var(--fs-cap);color:var(--ink-muted);margin-top:var(--s2);line-height:1.55;max-width:26ch}
