/* 메종픽스 펜스설치 - warm 테마 커스텀 CSS (Tailwind CDN 보완용) */

.prose-body { max-width: 68ch; }
.prose-body p { margin-bottom: 1rem; line-height: 1.8; }

.grid-fixed-3 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
@media (min-width: 768px) {
  .grid-fixed-3 { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
}

.grid-fixed-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }

.hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease-in-out; }
.hero-slide.active { opacity: 1; }
.hero-title-shadow { text-shadow: 0 2px 14px rgba(0,0,0,.85), 0 1px 4px rgba(0,0,0,.7), 0 0 2px rgba(0,0,0,.9); }

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

#lightbox.active { display: flex; }

.gallery-card { cursor: zoom-in; }
.gallery-card.is-link { cursor: pointer; }

img { max-width: 100%; }