.knowledge-series {
  background: #FEFFF6; }
  .knowledge-series .-top-5 {
    top: -5px; }
  .knowledge-series .bndl {
    mix-blend-mode: multiply; }
  .knowledge-series .grid-20 {
    grid-template-columns: 20px 1fr; }
    @media screen and (max-width: 1024px) {
      .knowledge-series .grid-20 {
        grid-template-columns: 1fr; } }
  .knowledge-series .grid-50 {
    grid-template-columns: 50px 1fr; }
    @media screen and (max-width: 1024px) {
      .knowledge-series .grid-50 {
        grid-template-columns: 1fr; } }
  .knowledge-series .grid-180 {
    grid-template-columns: 180px 1fr; }
    @media screen and (max-width: 1024px) {
      .knowledge-series .grid-180 {
        grid-template-columns: 1fr; } }
  .knowledge-series .ks-speaker {
    height: 315px; }
    @media screen and (max-width: 1024px) {
      .knowledge-series .ks-speaker {
        height: 210px; } }
    .knowledge-series .ks-speaker:nth-child(1) img {
      object-position: left; }
    .knowledge-series .ks-speaker .z-10 {
      background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 80%); }

.ks-header {
  position: sticky;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 999;
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: backdrop-filter 0.3s ease, background 0.3s ease; }

.liquid-bg {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: backdrop-filter 0.3s ease, background 0.3s ease; }
  .liquid-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.1) 100%);
    animation: liquidMove 6s ease-in-out infinite alternate;
    border-radius: inherit;
    z-index: -1; }

@keyframes liquidMove {
  0% {
    transform: translateX(-10%) translateY(-10%); }
  100% {
    transform: translateX(10%) translateY(10%); } }

/*# sourceMappingURL=main.css.map */