.container{flex-direction:column;max-width:1000px;margin-left:auto;margin-right:auto;padding:3rem 1rem;display:flex}.header{text-align:center;margin-bottom:2rem}.title{color:#1b274d;letter-spacing:normal;margin:0 0 10px;font-family:Pretendard-Bold;font-size:32px}.description{color:#6b7280;font-size:15.5px}.section{scroll-margin-top:5rem}.sectionHeader{align-items:center;margin-bottom:1.5rem;display:flex}.sectionTitle{color:#1b274d;letter-spacing:normal;margin:0 0 10px;font-family:Pretendard-Bold;font-size:32px}.divider{background-color:#f1f5f9;width:100%;height:1px;margin-top:1rem;margin-bottom:1rem}.masonryGrid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.card{background-color:#f3f4f6;border-radius:.75rem;grid-column:span 6;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}@media (min-width:768px){.card,.card[data-orientation=square]{grid-column:span 4}.card[data-orientation=portrait]{grid-column:span 3}.card[data-orientation=landscape]{grid-column:span 4}}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.card:hover .image{transform:scale(1.05)}.buttonContainer{justify-content:center;margin-top:1.5rem;margin-bottom:2rem;display:flex}.loadMoreButton{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:.75rem 2.5rem;font-size:.95rem;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}.loadMoreButton:hover{color:#111827;background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}@media (min-width:768px){.hiddenMobile{display:block!important}.mobileOnly{display:none!important}}@media (max-width:767px){.hiddenMobile{display:none!important}.mobileOnly{display:block}}