.fortunev2-hero-teachers{
  box-sizing:border-box;
  width:min(100%, 560px);
  margin:16px 0 0;
  padding:12px 14px 14px;
  border:1px solid rgba(205,170,113,.34);
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.96), rgba(255,255,255,0) 38%),
    linear-gradient(135deg, rgba(255,252,245,.92), rgba(255,245,224,.72));
  box-shadow:0 16px 34px rgba(126,97,59,.12), inset 0 1px 0 rgba(255,255,255,.86);
}
.fortunev2-hero-teachers *,
.fortunev2-hero-teachers *::before,
.fortunev2-hero-teachers *::after{
  box-sizing:border-box;
}
.fortunev2-hero-teachers[hidden]{
  display:none !important;
}
.fortunev2-hero-teachers__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.fortunev2-hero-teachers__label{
  color:#7e613b;
  font-size:13px;
  font-weight:800;
  letter-spacing:.05em;
}
.fortunev2-hero-teachers__view-all{
  appearance:none;
  border:0;
  background:transparent;
  color:#9b6f2f;
  cursor:pointer;
  font:inherit;
  font-size:12px;
  font-weight:800;
  padding:4px 0;
  text-decoration:none;
}
.fortunev2-hero-teachers__view-all:hover,
.fortunev2-hero-teachers__view-all:focus-visible{
  color:#6f4f24;
  text-decoration:none;
}
.fortunev2-hero-teachers__list{
  display:flex;
  gap:10px;
  width:100%;
  max-width:100%;
  contain:layout paint;
  overflow-x:auto;
  overflow-y:visible;
  padding:4px 2px 8px;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.fortunev2-hero-teachers__list::-webkit-scrollbar{
  display:none;
}
.fortunev2-hero-teacher{
  appearance:none;
  border:0;
  background:transparent;
  color:#111827;
  cursor:pointer;
  flex:0 0 90px;
  min-width:0;
  padding:0;
  scroll-snap-align:start;
  text-align:center;
}
.fortunev2-hero-teacher__photo{
  display:block;
  position:relative;
  width:58px;
  height:58px;
  margin:0 auto 7px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(255,252,246,.96), rgba(240,222,185,.72));
  box-shadow:0 8px 18px rgba(126,97,59,.14);
}
.fortunev2-hero-teacher__photo::before{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:inherit;
  background:conic-gradient(from 150deg, rgba(189,139,43,.18), rgba(213,175,107,.95), rgba(255,250,238,.34), rgba(152,104,27,.76), rgba(189,139,43,.18));
  animation:fortuneV2HeroTeacherRing 5.6s linear infinite;
  z-index:0;
}
.fortunev2-hero-teacher__photo::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:inherit;
  border:1px solid rgba(205,170,113,.22);
  opacity:.72;
}
.fortunev2-hero-teacher__photo img,
.fortunev2-hero-teacher__fallback{
  position:absolute;
  inset:3px;
  z-index:1;
  width:calc(100% - 6px);
  height:calc(100% - 6px);
  border-radius:inherit;
  object-fit:cover;
  background:#fffaf1;
}
.fortunev2-hero-teacher__fallback{
  display:grid;
  place-items:center;
  color:#7e613b;
  font-size:23px;
  font-weight:900;
}
.fortunev2-hero-teacher__name{
  display:block;
  overflow:hidden;
  color:#1f2937;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.fortunev2-hero-teacher__location{
  display:block;
  overflow:hidden;
  color:rgba(126,97,59,.68);
  font-size:10px;
  font-weight:600;
  letter-spacing:.04em;
  line-height:1.25;
  margin:0 auto 2px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.fortunev2-hero-teacher:hover .fortunev2-hero-teacher__photo,
.fortunev2-hero-teacher:focus-visible .fortunev2-hero-teacher__photo{
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(126,97,59,.2);
}
.fortunev2-hero-teacher:focus-visible{
  outline:3px solid rgba(197,155,68,.32);
  outline-offset:5px;
  border-radius:16px;
}
.fortunev2-teacher-card.is-hero-teacher-target{
  outline:2px solid rgba(197,155,68,.72);
  outline-offset:4px;
  box-shadow:0 26px 54px rgba(126,97,59,.22), 0 0 0 7px rgba(197,155,68,.16);
  animation:fortuneV2HeroTeacherTargetPulse 1.4s ease both;
}

@keyframes fortuneV2HeroTeacherRing{
  to{ transform:rotate(360deg); }
}
@keyframes fortuneV2HeroTeacherTargetPulse{
  0%{ box-shadow:0 18px 36px rgba(126,97,59,.14), 0 0 0 0 rgba(197,155,68,.28); }
  45%{ box-shadow:0 30px 60px rgba(126,97,59,.24), 0 0 0 10px rgba(197,155,68,.18); }
  100%{ box-shadow:0 26px 54px rgba(126,97,59,.22), 0 0 0 7px rgba(197,155,68,.16); }
}

@media (max-width: 700px){
  html,
  body{
    overflow-x:hidden;
  }
  .fortunev2-hero-teachers{
    width:min(100%, calc(100vw - 32px));
    max-width:calc(100vw - 32px);
    margin-top:14px;
    padding:11px 12px 13px;
    border-radius:20px;
  }
  .fortunev2-hero-teachers__list{
    gap:8px;
    margin:0 -2px;
  }
  .fortunev2-hero-teacher{
    flex-basis:72px;
  }
  .fortunev2-hero-teacher__photo{
    width:50px;
    height:50px;
    margin-bottom:6px;
  }
  .fortunev2-hero-teacher__name{
    font-size:11px;
  }
  .fortunev2-hero-teacher__location{
    font-size:10px;
  }
}

@media (max-width: 380px){
  .fortunev2-hero-teachers__list{
    gap:6px;
  }
  .fortunev2-hero-teacher{
    flex-basis:68px;
  }
  .fortunev2-hero-teacher__photo{
    width:46px;
    height:46px;
  }
}

@media (prefers-reduced-motion: reduce){
  .fortunev2-hero-teacher__photo::before,
  .fortunev2-teacher-card.is-hero-teacher-target{
    animation:none;
  }
}