/* Brushes 페이지. light-fx.css(.lh .la .lfx .lbl) 위에 얹는다.
   MIUMIU 레퍼런스의 짜임: 번호 붙은 사진 묶음(큰 표지 + 예시 둘), 사진 옆 작은 글, 넉넉한 여백. */
.bh .lh__media .banner__slide.is-on { animation: none; }
.bh .lh__shade { background: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,.18) 40%, rgba(0,0,0,.3) 70%, rgba(7,6,7,.96)); }
.bh__center { align-self: center; text-align: center; }
.bh__line { margin: 20px 0 0; font-size: clamp(15px, 1.4vw, 19px); color: rgba(255, 255, 255, 0.72); }

.bp-list { position: relative; z-index: 1; }
.bp-ch { max-width: 1360px; margin: 0 auto; padding: clamp(56px, 8vh, 110px) var(--gutter) 0; }
@media (min-width: 768px) { .bp-ch { padding-left: 56px; padding-right: 56px; } }
.bp-ch__head { display: grid; gap: 12px; margin-bottom: clamp(40px, 6vh, 72px); padding-bottom: 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.22); }
@media (min-width: 900px) { .bp-ch__head { grid-template-columns: 1fr 1fr; align-items: end; } .bp-ch__head .lbl { grid-column: 1 / -1; } }
.bp-ch__title { margin: 0; font-weight: 500; font-size: clamp(48px, 7vw, 112px); line-height: 0.92; letter-spacing: -0.045em; }
.bp-ch__title [lang='ko'] { display: block; margin-top: 10px; font-family: var(--f-ko); font-size: clamp(16px, 1.6vw, 20px); font-weight: 400; letter-spacing: 0; color: rgba(255, 255, 255, 0.55); }
.bp-ch__desc { margin: 0; max-width: 28em; font-family: var(--f-ko); font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: rgba(255, 255, 255, 0.72); }
@media (min-width: 900px) { .bp-ch__desc { justify-self: end; text-align: right; padding-bottom: 6px; } }

/* 항목: 번호 / 표지 / 예시 둘 / 글. 짝수 항목은 좌우가 바뀐다 */
.bp-item { position: relative; display: grid; gap: 20px; padding: 0 0 clamp(64px, 9vh, 120px); }
.bp-item__no { display: block; }
.bp-item__cover { display: block; overflow: hidden; border-radius: 6px; background: #111; }
.bp-item__cover img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; transition: transform 0.9s var(--ease); }
.bp-item__cover:hover img { transform: scale(1.03); }
.bp-item__shots { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-content: start; }
.bp-item__shots img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 6px; background: #111; }
.bp-item__copy { max-width: 32em; }
.bp-item__name { margin: 0 0 12px; font-weight: 500; font-size: clamp(26px, 2.6vw, 38px); line-height: 1.05; letter-spacing: -0.03em; }
.bp-item__name [lang='ko'] { display: block; margin-top: 8px; font-family: var(--f-ko); font-size: 15px; font-weight: 400; letter-spacing: 0; color: rgba(255, 255, 255, 0.6); }
.bp-item__text { margin: 0 0 16px; font-family: var(--f-ko); font-size: 15px; line-height: 1.75; color: rgba(255, 255, 255, 0.78); }
.bp-item__meta { margin: 0 0 18px; font-size: 13px; letter-spacing: 0.02em; color: rgba(255, 255, 255, 0.5); }
.bp-item__link { display: inline-flex; align-items: center; gap: 6px; font-family: var(--f-ko); font-size: 14px; color: rgba(255, 255, 255, 0.86); transition: color 0.2s, gap 0.25s; }
.bp-item__link:hover { color: #fff; gap: 10px; }
@media (min-width: 900px) {
  .bp-item { grid-template-columns: repeat(12, 1fr); gap: 20px; align-items: start; }
  .bp-item__no { grid-column: 1 / 2; grid-row: 1; padding-top: 6px; }
  .bp-item__cover { grid-column: 2 / 7; grid-row: 1; }
  .bp-item__shots { grid-column: 7 / 10; grid-row: 1; grid-template-columns: 1fr; }
  .bp-item__copy { grid-column: 10 / 13; grid-row: 1; padding-top: 6px; }
  .bp-item.is-flip .bp-item__no { grid-column: 12 / 13; text-align: right; }
  .bp-item.is-flip .bp-item__cover { grid-column: 7 / 12; }
  .bp-item.is-flip .bp-item__shots { grid-column: 4 / 7; }
  .bp-item.is-flip .bp-item__copy { grid-column: 1 / 4; }
}
@media (min-width: 1200px) { .bp-item__shots { gap: 20px; } }
.bp .category__next { padding-top: 24px; }