html { font-family: 'PretendardVariable', Pretendard, -apple-system, sans-serif; }
body { word-break: keep-all; overflow-wrap: break-word; }
p, li { max-width: 68ch; }
.eyebrow { font-size: .72rem; letter-spacing: .18em; font-weight: 700; text-transform: uppercase; }
.hairline { border-top: 1px solid #E5E5E5; }
img { max-width: 100%; }

.faq-item .faq-a { display: none; }
.faq-item.open .faq-a { display: block; }
.faq-item.open .faq-caret { transform: rotate(45deg); }
.faq-caret { transition: transform .15s ease; }

#lightbox { position: fixed; inset: 0; background: rgba(10,12,16,.92); z-index: 100; display: flex; align-items: center; justify-content: center; padding: 24px; }
#lightbox.hidden { display: none; }
#lightbox img { max-width: 92vw; max-height: 88vh; border-radius: 4px; }
#lightbox button { position: absolute; top: 20px; right: 24px; color: #fff; font-size: 2rem; line-height: 1; background: none; border: none; cursor: pointer; }

.hover-lift { transition: transform .2s ease, box-shadow .2s ease; }
.hover-lift:hover { transform: translateY(-3px); }

@media (max-width: 640px) {
  h1 { font-size: clamp(1.6rem, 6vw, 2.1rem); }
}