:root { --ink:#e9edf1; --muted:#aab3bd; --panel:#111316; --border:#ffffff22; }

/* секция наследует фон сайта — без спец. фона */
#ortho-section { color:var(--ink); padding:30px 0; }

#ortho-section .wrap{
  display:grid; gap:22px; align-items:start;
  grid-template-columns:minmax(260px,1fr) 560px; /* чуть шире панель */
  max-width:1200px; margin:0 auto; padding:0 18px;
}
@media (max-width:1000px){ #ortho-section .wrap{ grid-template-columns:1fr } }

/* Фото/сцена (компактнее) */
#ortho-section .stage{
  position:relative; border:1px solid var(--border);
  border-radius:18px; overflow:hidden; box-shadow:0 10px 30px #0006;
  aspect-ratio:9/16; width:min(320px,100%); margin:0 auto;
  background:transparent; /* без сплошной подложки */
}
#ortho-section .stage img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  filter:contrast(1.03) brightness(.99);
}
#ortho-section .hotspots{ position:absolute; inset:0 }
#ortho-section .joint{ cursor:pointer }

/* Подписи-лейблы у точек */
#ortho-section .label{
  position:absolute; transform:translate(-50%,-50%);
  background:#0f1419cc; color:#fff; font-size:12px;
  padding:4px 6px; border-radius:6px; white-space:nowrap; opacity:.95;
}

/* Панель справа */
#ortho-section .panel{
  background:transparent; /* панель без фона, чтобы читалось на твоём фоне */
  border:1px solid var(--border); border-radius:18px;
  padding:18px; box-shadow:0 10px 30px #0006;
  display:flex; flex-direction:column; gap:10px;
}
#ortho-section .panel h3{ margin:0 0 6px }
#ortho-section .panel p{ margin:0 0 8px; color:var(--muted) }
#ortho-section .panel ul{ margin:0; padding-left:18px; max-height: 360px; overflow:auto }
#ortho-section .panel li{ margin:6px 0 }

#ortho-section .btn{
  display:inline-block; background:linear-gradient(180deg,#2d95aa,#277f91);
  color:#fff; text-decoration:none; border-radius:12px; padding:10px 14px; font-weight:600;
  box-shadow:0 6px 20px #0006;
}
#ortho-section .btn.ghost{
  background:transparent; border:1px solid var(--border); color:var(--ink);
}

/* Блок клеточных технологий внизу */
#ortho-section .bio-wrap{ max-width:1200px; margin:18px auto 0; padding:0 18px }
#ortho-section .bio-acc{
  border:1px solid var(--border); border-radius:14px; overflow:hidden; background:transparent;
}
#ortho-section .bio-acc > summary{
  list-style:none; cursor:pointer; padding:14px 16px; font-weight:600;
  background:#0f1215cc; border-bottom:1px solid var(--border);
}
#ortho-section .bio-acc > summary::-webkit-details-marker{ display:none }
#ortho-section .bio-acc[open] > summary{ background:#0f1215 }
#ortho-section .bio-content{ padding:14px 16px }
#ortho-section .bio-content ul{ margin:0 0 10px; padding-left:18px }
#ortho-section .bio-content li{ margin:6px 0 }
