/* quickfile с эмблемой: шапка и знак — одна сетка, один размер */
.quickfile--emblem .quickfile__head,
.quickfile--emblem .quickfile__emblem {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 12px;
  padding: 14px 16px;
  border: 1px solid rgba(212, 160, 84, .28);
  background:
    radial-gradient(circle at 18% 50%, rgba(212, 160, 84, .1), transparent 58%),
    rgba(8, 10, 12, .55);
}

.quickfile--emblem .quickfile__portrait,
.quickfile--emblem .quickfile__emblem > img {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
}

.quickfile--emblem .quickfile__portrait {
  object-fit: cover;
  object-position: center 18%;
  border: 1px solid rgba(212, 218, 226, .35);
}

.quickfile--emblem .quickfile__emblem > img {
  object-fit: contain;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .45));
}

.quickfile--emblem .quickfile__head > div,
.quickfile--emblem .quickfile__emblem-copy {
  flex: 1;
  min-width: 0;
}


.quickfile__emblem-copy strong {
  display: block;
  font: 600 .78rem/1.1 "Oswald", sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #e8d4a8;
}
.quickfile__emblem-copy span {
  display: block;
  margin-top: 6px;
  color: #8f8a82;
  font-size: .68rem;
  letter-spacing: .08em;
  line-height: 1.45;
}
.quickfile--emblem.quickfile--shadows .quickfile__head,
.quickfile__emblem--shadows {
  border-color: rgba(139, 108, 240, .32);
  background:
    radial-gradient(circle at 18% 50%, rgba(139, 108, 240, .16), transparent 58%),
    rgba(6, 5, 8, .62);
}
.quickfile__emblem--shadows .quickfile__emblem-copy strong {
  color: #b498ff;
}
.quickfile--emblem.quickfile--tati .quickfile__head,
.quickfile__emblem--tati {
  border-color: rgba(154, 163, 173, .32);
  background:
    radial-gradient(circle at 18% 50%, rgba(154, 163, 173, .14), transparent 58%),
    rgba(10, 11, 14, .62);
}
.quickfile__emblem--tati .quickfile__emblem-copy strong {
  color: #d4dae2;
}
.quickfile--emblem.quickfile--tati .quickfile__portrait {
  object-position: center 12%;
}
.quickfile--emblem.quickfile--greenmat .quickfile__head,
.quickfile__emblem--greenmat {
  border-color: rgba(31, 157, 114, .34);
  background:
    radial-gradient(circle at 18% 50%, rgba(31, 157, 114, .16), transparent 58%),
    rgba(6, 18, 14, .62);
}
.quickfile__emblem--greenmat .quickfile__emblem-copy strong {
  color: #3bc492;
}

.school-emblem {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 28px;
  padding: 22px 24px;
  border: 1px solid rgba(212, 160, 84, .3);
  background:
    radial-gradient(circle at 12% 50%, rgba(212, 160, 84, .14), transparent 55%),
    rgba(8, 10, 12, .45);
}
.school-emblem img {
  flex: 0 0 auto;
  width: 112px;
  height: 112px;
  object-fit: contain;
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, .42));
}
.school-emblem__body {
  min-width: 0;
}
.school-emblem__label {
  display: block;
  margin-bottom: 8px;
  color: #d4a054;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.school-emblem__body p {
  margin: 0;
  color: #a8a098;
  font-size: .9rem;
  line-height: 1.65;
}
.school-emblem--shadows {
  border-color: rgba(139, 108, 240, .34);
  background:
    radial-gradient(circle at 12% 50%, rgba(139, 108, 240, .16), transparent 55%),
    rgba(6, 5, 8, .5);
}
.school-emblem--shadows .school-emblem__label {
  color: #b498ff;
}
.school-emblem--steel {
  border-color: rgba(77, 212, 232, .3);
  background:
    radial-gradient(circle at 12% 50%, rgba(77, 212, 232, .14), transparent 55%),
    rgba(6, 7, 12, .5);
}
.school-emblem--steel .school-emblem__label {
  color: #7ee8f0;
}
.school-emblem--tati {
  border-color: rgba(154, 163, 173, .32);
  background:
    radial-gradient(circle at 12% 50%, rgba(154, 163, 173, .12), transparent 55%),
    rgba(10, 11, 14, .5);
}
.school-emblem--tati .school-emblem__label {
  color: #d4dae2;
}
.school-emblem--greenmat {
  border-color: rgba(31, 157, 114, .34);
  background:
    radial-gradient(circle at 12% 50%, rgba(31, 157, 114, .14), transparent 55%),
    rgba(6, 18, 14, .5);
}
.school-emblem--greenmat .school-emblem__label {
  color: #3bc492;
}
@media (max-width: 640px) {
  .quickfile--emblem .quickfile__head,
  .quickfile--emblem .quickfile__emblem,
  .school-emblem {
    flex-direction: column;
    align-items: flex-start;
  }
  .school-emblem img {
    width: 96px;
  }
}