/* Врачи: портретные карточки, при наведении — запись */
.docs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.doc{position:relative;display:block;border-radius:var(--r-l);overflow:hidden;background:radial-gradient(70% 50% at 50% 30%,rgba(230,205,147,.28),transparent 70%),linear-gradient(180deg,#2A2722 0%,#141416 100%);color:#F4EFE6;aspect-ratio:3/4.2;isolation:isolate}
.doc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:transform 1.2s var(--ease),filter .6s;z-index:-2}
.doc::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,15,17,.96) 10%,rgba(15,15,17,.5) 38%,transparent 60%);z-index:-1}
.doc:hover img{transform:scale(1.06)}
.doc__body{position:absolute;inset:auto 0 0;padding:24px}
.doc__exp{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(201,164,92,.18);border:1px solid var(--line-dark);color:var(--gold-hi);font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:14px}
.doc__name{display:block;font:500 24px/1.15 var(--serif)}
.doc__role{display:block;margin-top:8px;font-size:14px;color:var(--muted-on-dark);line-height:1.4}
.doc__go{display:flex;align-items:center;gap:8px;margin-top:0;max-height:0;opacity:0;overflow:hidden;font-weight:700;font-size:14px;color:var(--gold-hi);transition:max-height .4s var(--ease),opacity .4s,margin .4s}
.doc:hover .doc__go,.doc:focus-visible .doc__go{max-height:30px;opacity:1;margin-top:16px}
.doc__go svg{width:16px;height:16px}
@media (max-width:1100px){.docs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){
  .docs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(-1*var(--gutter));padding:0 var(--gutter);scrollbar-width:none}
  .docs::-webkit-scrollbar{display:none}
  .doc{flex:0 0 78%;scroll-snap-align:start}
  .doc__go{max-height:30px;opacity:1;margin-top:14px}
}