/* 33차 미리보기(2026-11-02 · ko-ver2) — 이야기(learn) 배너: 왼쪽 글자 쪽에 검은 블러 층(다른 쪽 배너처럼 글자 뒤가 어둡게). 원장 쪽에는 닿지 않는다. 생성 batch-1102f/r33.py */
.r33-dark::after { content: ""; position: absolute; inset: 0 auto 0 0; z-index: 1; width: 54%; pointer-events: none;
  background: linear-gradient(90deg, rgba(12,11,10,.82) 0%, rgba(12,11,10,.7) 55%, rgba(12,11,10,.35) 85%, rgba(12,11,10,0) 100%);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  -webkit-mask-image: linear-gradient(90deg, #000 62%, transparent 100%); mask-image: linear-gradient(90deg, #000 62%, transparent 100%); }
@media (max-width: 1023px) {
  /* 모바일 · 태블릿: 글자가 아래쪽 → 아래에서 위로(얼굴 위로는 올라가지 않게) */
  .r33-dark::after { inset: auto 0 0 0; width: auto; height: 64%;
    background: linear-gradient(0deg, rgba(12,11,10,.84) 0%, rgba(12,11,10,.68) 60%, rgba(12,11,10,0) 100%);
    -webkit-mask-image: linear-gradient(0deg, #000 60%, transparent 100%); mask-image: linear-gradient(0deg, #000 60%, transparent 100%); }
}