/* Taste of Art (옛 그림 m01_02_01img.jpg 모양 그대로: 1200 폭, 흑백 사진 · 회색 판 위 포스터 3장) */
#rb-taste-of-art .rb-container { max-inline-size: 1240px; }
#rb-taste-of-art, #rb-taste-of-art :is(h2, p) { word-break: keep-all; overflow-wrap: break-word; }
#rb-taste-of-art img { inline-size: 100%; }
#rb-taste-of-art h2 { text-wrap: balance; }
.rb-toa-intro { padding-block-start: 0; }
.rb-toa-hero { aspect-ratio: 1200 / 387; object-fit: cover; }
#rb-taste-of-art .rb-eyebrow { margin: 78px 0 22px; font-size: 18px; }
.rb-toa-intro h2 { margin: 0 0 50px; font-size: clamp(21px, 2.5vw, 30px); line-height: 1.53; font-weight: 600; color: #111; letter-spacing: -0.01em; }
.rb-toa-text { margin: 0; font-size: 18px; line-height: 1.89; color: #666; }
.rb-toa-line { margin: 92px 0 0; border: 0; border-block-start: 1px solid #cacaca; }

.rb-toa-season { padding-block-start: 92px; }
.rb-toa-season + .rb-toa-season { padding-block-start: 76px; }
.rb-toa-season:last-child { padding-block-end: 180px; }
.rb-toa-season h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 40px; font-size: 23px; font-weight: 500; color: #000; letter-spacing: -0.01em; }
.rb-toa-season h2::before { content: ""; flex: none; inline-size: 4px; block-size: 4px; border-radius: 50%; background: currentColor; }
.rb-toa-panel { display: grid; grid-template-columns: 261fr 522fr 264fr; gap: 17px; align-items: center; padding: 60px; background: #f6f6f6; }

@media (max-width: 991px) {
  .rb-toa-text br.rb-pc { display: none; }
  .rb-toa-panel { padding: 40px; }
}
@media (max-width: 600px) {
  .rb-toa-hero { aspect-ratio: 660 / 294; inline-size: calc(100% + 40px) !important; max-inline-size: none; margin-inline: -20px; }
  .rb-toa-intro h2 br.rb-pc { display: none; }
  #rb-taste-of-art .rb-eyebrow { margin: 44px 0 14px; font-size: 14px; }
  .rb-toa-intro h2 { margin-block-end: 26px; font-size: 21px; line-height: 1.55; }
  .rb-toa-text { font-size: 15px; line-height: 1.9; }
  .rb-toa-line { margin-block-start: 56px; }
  .rb-toa-season, .rb-toa-season + .rb-toa-season { padding-block-start: 56px; }
  .rb-toa-season:last-child { padding-block-end: 90px; }
  .rb-toa-season h2 { margin-block-end: 24px; font-size: 18px; }
  /* 휴대폰: 옛 모바일 그림처럼 포스터·뒷면 두 장 나란히, 리플릿은 아래 한 줄 */
  .rb-toa-panel { grid-template-columns: 1fr 1fr; gap: 12px; padding: 28px 20px; margin-inline: -20px; }
  .rb-toa-leaflet { grid-column: 1 / -1; order: 3; }
}
