@font-face {
  font-family: 'Gowun Reading Dialogue';
  src: url('/fonts/reading-dialogue/GowunDodum-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.english-art-panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 66px;
  width: 100%;
  max-width: 620px;
  margin: 42px auto 52px;
}
.english-art-panel { position: relative; isolation: isolate; min-width: 0; margin: 0; container-type: inline-size; }
.english-art-frame { position: relative; overflow: hidden; background: #101b26; border: 1px solid #77654b60; box-shadow: 0 7px 22px #0003; }
.english-art-frame img { display: block; width: 100%; height: 100%; object-fit: contain; }
.english-art-bubble {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  width: 68%;
  padding: 30px 15%;
  color: #201c17;
  text-align: center;
  font: 400 clamp(16px, 4.3cqw, 24px)/1.6 'Gowun Reading Dialogue', 'Malgun Gothic', sans-serif;
  font-synthesis: none;
  letter-spacing: 0;
  word-break: normal;
  overflow-wrap: anywhere;
}
.english-art-top { margin: 0 auto -20px 1%; }
.english-art-bottom { width: 72%; margin: -22px 1% 0 auto; }
.english-art-bubble svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 2px 1px #0004); pointer-events: none; }
.english-art-bubble path { fill: #fffdf5; stroke: #30281e; stroke-width: 1.4; stroke-linejoin: round; }
.english-art-words { position: relative; z-index: 1; display: block; }
@media (max-width: 600px) {
  .english-art-panels { gap: 52px; margin: 32px auto 40px; }
  .english-art-bubble { width: 94%; padding: 28px 18%; font-size: clamp(16px, 4.4cqw, 23px); }
  .english-art-top { margin: 0 auto -12px 0; }
  .english-art-bottom { width: 89%; margin: -12px 0 0 auto; }
}