/* =========================================
   ART 섹션 스타일
   ========================================= */

/* 아트 갤러리 - Masonry 스타일 */
.art-grid { 
    column-count: 2; 
    column-gap: 10px; 
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 40px; 
}
.art-item { 
    break-inside: avoid; 
    margin-bottom: 10px; 
}
.art-item .img-layer-container { 
    margin-bottom: 0;
    border-radius: 6px;
}
.art-item .img-layer-container:hover {
    transform: translateY(-3px);
}
.art-item .layer-image { 
    width: 100%;
    display: block;
    border-radius: 6px;
}

/* 미니 로그 섹션 */
.mini-log-section { margin-top: 50px; }
.mini-log-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.mini-item { width: 160px; background: rgba(255, 255, 255, 0.05); padding: 10px; border-radius: 8px; border: 1px solid var(--border-glass); transition: 0.3s ease; transform: rotate(var(--rot, 2deg)); display: flex; flex-direction: column; align-items: center; }
.mini-item:nth-child(odd) { --rot: -2deg; }
.mini-item:hover { transform: rotate(0deg) translateY(-5px) scale(1.05); z-index: 10; border-color: #fff; background: rgba(255, 255, 255, 0.1); }
.mini-img-wrapper { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 4px; margin-bottom: 8px; }
.mini-img-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.mini-caption { font-size: 0.65rem; color: var(--c-text-sub); text-align: center; font-weight: 700; font-family: var(--f-sans) !important; }
.mini-copyright { font-size: 0.5rem; color: rgba(255, 255, 255, 0.5); text-align: center; margin-top: 2px; font-weight: 400; font-family: var(--f-sans) !important; }

/* 모바일 반응형 */
@media (max-width: 950px) {
    .art-grid { column-count: 1; }
}