/* 홈 「라운지」 소개 칸 (2026-11-06). 3D 없이 정지 그림 한 장 + 세 줄 + 단추 둘.
   색은 xync.css 토큰(밤·낮 둘 다), 움직임 없음. 영어 화면(/en/)에서는 숨긴다: 라운지는 아직 한국어로만 열려 있다. */
.lounge-act .lounge-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: center; }
.lounge-pic { margin: 0; position: relative; border-radius: var(--r-xl, 24px); overflow: hidden; border: 1px solid var(--line);
  background: var(--card); aspect-ratio: 752 / 360; box-shadow: 0 24px 60px -34px rgb(0 0 0 / .55); }
.lounge-pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lounge-pic figcaption { position: absolute; left: 12px; bottom: 12px; padding: 4px 10px; border-radius: var(--r-pill, 999px);
  font-size: .78rem; font-weight: 600; color: #fff; background: rgb(8 10 15 / .58); }
.lounge-k { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: .86rem; font-weight: 650; color: var(--ether); letter-spacing: .01em; }
.lounge-k::before { content: ""; width: 28px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--ether), var(--xync)); }
.lounge-act .v2-title { margin: 0; }
.lounge-list { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 10px; }
.lounge-list li { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 10px; align-items: baseline; color: var(--text-2); line-height: 1.6; }
.lounge-list li::before { content: ""; grid-row: span 2; align-self: start; margin-top: 7px; width: 10px; height: 10px; border-radius: 50%;
  justify-self: center; background: var(--ether); box-shadow: 0 0 0 4px rgb(var(--ether-rgb) / .14); }
.lounge-list li:nth-child(2)::before { background: var(--xync); box-shadow: 0 0 0 4px rgb(var(--xync-rgb) / .14); }
.lounge-list b { color: var(--text); font-weight: 650; }
.lounge-note { margin: 16px 0 0; font-size: .9rem; color: var(--text-3); line-height: 1.65; max-width: 34em; }
.lounge-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
@media (max-width: 860px) {
  .lounge-act .lounge-grid { grid-template-columns: minmax(0, 1fr); }
  .lounge-pic { order: 2; }
}
@media (max-width: 480px) {
  .lounge-cta .btn { flex: 1 1 100%; justify-content: center; }
}
html[lang="en"] .lounge-act { display: none; }