*{box-sizing:border-box;margin:0;padding:0}

html{
  height:100%;
  background:radial-gradient(70% 70% at 50% 50%,#1a0536,#07010f);   /* по бокам, если окно не 16:9 */
  overflow:hidden;
}

/* .team-card = сцена 16:9 с фоном; всё внутри привязано к ней в процентах */
.team-card{
  position:absolute;top:50%;left:50%;
  width:min(100vw, calc(100vh * 1920 / 1080));
  aspect-ratio:1920 / 1080;
  transform:translate(-50%,-50%);
  background:url("bg10.png") center / 100% 100% no-repeat;
  container-type:inline-size;       /* 1cqw = 1% ширины сцены — по нему размеры текста */
  font-family:"Segoe UI",Arial,sans-serif;
  color:#fff;
}

/* ===== верхняя левая рамка: ФОТО (целиком, без обрезки) ===== */
.team-icon{
  position:absolute;
  left:6.354%;top:14.722%;
  width:35.052%;height:27.870%;
  object-fit:contain;
  display:block;
}

/* ===== нижняя левая рамка: заголовок + данные ===== */
.team-name{
  position:absolute;
  left:6.771%;top:51.481%;
  width:34.219%;
  font-size:3cqw;
  font-weight:800;
  letter-spacing:.04em;
  line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.tur1{
  position:absolute;
  left:6.771%;top:59.259%;
  width:34.219%;height:25.278%;
  font-size:1.6cqw;
  line-height:1.7;
  color:#efe6ff;
  overflow-y:auto;scrollbar-width:none;
}
.tur1::-webkit-scrollbar{display:none}
.tur1 strong{color:#b98cff;font-weight:700}

/* ===== большая правая рамка: ТЕКСТ ===== */
.team-card p{
  position:absolute;
  left:47.344%;top:16.019%;
  width:45.573%;height:59.63%;      /* снизу оставлено место под кнопку */
  font-size:1.5cqw;
  line-height:1.6;
  color:#efe6ff;
  overflow-y:auto;scrollbar-width:none;
}
.team-card p::-webkit-scrollbar{display:none}

/* ===== кнопка «Назад» — внизу большой рамки ===== */
.back{
  position:absolute;
  left:47.344%;bottom:16.019%;
  padding:.8cqw 2.4cqw;
  font-size:1.3cqw;
  color:#fff;text-decoration:none;
  background:#6d28d9;border-radius:.6cqw;
  transition:background .2s, box-shadow .2s;
}
.back:hover{background:#7c3aed;box-shadow:0 0 1.2cqw rgba(139,44,255,.7)}

.team-icon.zoomable{ cursor:pointer; transition:filter .2s; }
.team-icon.zoomable:hover{ filter:brightness(1.15); }

.lightbox{
  position:fixed; inset:0;
  display:none;                      /* по умолчанию скрыто */
  align-items:center; justify-content:center;
  background:rgba(5,1,12,.88);
  z-index:10; cursor:zoom-out;
}
.lightbox.open{ display:flex; }      /* класс open его показывает */

#lightbox-img{
  max-width:92vw; max-height:92vh;   /* влезает в экран целиком */
  border:2px solid #8a2be2; border-radius:8px;
  box-shadow:0 0 40px rgba(138,43,226,.6);
}