.gallery-wrapper{box-sizing:border-box;flex-direction:column;gap:40px;max-width:1200px;margin:10rem auto 4rem;padding:0 20px;display:flex}.gallery-header{text-align:center;margin-bottom:10px;padding:0 16px}.gallery-title{color:var(--color-text-main);margin-bottom:12px;font-size:3rem;font-weight:700;line-height:1.2}.gallery-title span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.2em}.gallery-subtitle{color:var(--color-muted);max-width:600px;margin:0 auto;font-size:1.25rem;font-weight:400;line-height:1.5}.gallery-group{width:100%}.gallery-item{background-color:var(--color-surface);border-radius:12px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;aspect-ratio:1;cursor:pointer;border-radius:12px;width:100%;height:100%;transition:transform .3s;display:block;box-shadow:0 4px 10px #162b1114}.gallery-item img:hover{transform:scale(1.02)}.gallery-group.group1{grid-template-columns:1fr;display:grid}.gallery-group.group1 .item-1{grid-column:1/-1}.gallery-group.group1 .item-1 img{aspect-ratio:3;height:auto}.gallery-group.group2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.gallery-group.group2 img{aspect-ratio:1;height:auto}.gallery-group.group3a{grid-template-columns:1fr 1fr;gap:24px;display:grid}.gallery-group.group3a .item-1{grid-column:1/-1}.gallery-group.group3a .item-1 img{aspect-ratio:3;height:auto}.gallery-group.group3a .item-2 img,.gallery-group.group3a .item-3 img{aspect-ratio:1;height:auto}.gallery-group.group3b{grid-template-columns:1fr 1fr;gap:24px;display:grid}.gallery-group.group3b .item-1{grid-area:2/1/auto/-1}.gallery-group.group3b .item-2{grid-area:1/1/auto/2}.gallery-group.group3b .item-3{grid-area:1/2/auto/3}.gallery-group.group3b .item-1 img{aspect-ratio:3;height:auto}.gallery-group.group3b .item-2 img,.gallery-group.group3b .item-3 img{aspect-ratio:1;height:auto}.gallery-group.group4a{grid-template-columns:repeat(3,1fr);grid-auto-rows:150px;gap:24px;min-height:300px;display:grid}.gallery-group.group4a .item-1{grid-area:span 2/1}.gallery-group.group4a .item-2{grid-area:span 3/2/auto/span 2}.gallery-group.group4a .item-3{grid-area:span 3/1}.gallery-group.group4a .item-4{grid-area:span 2/2/auto/span 2}.gallery-group.group4b{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:150px;gap:16px;min-height:300px;display:grid}.gallery-group.group4b .item-1{grid-area:span 2/1/auto/span 2}.gallery-group.group4b .item-2{grid-area:span 3/3}.gallery-group.group4b .item-3{grid-area:span 3/1/auto/span 2}.gallery-group.group4b .item-4{grid-area:span 2/3}.gallery-modal{z-index:999999;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gallery-modal-overlay{z-index:-1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;position:fixed;inset:0}.gallery-modal img{max-width:900px;max-height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:12px;width:90%;height:90%;animation:.3s cubic-bezier(.25,.8,.25,1) modalimage}.modal-nav-btn{color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav-btn:hover{background:var(--color-primary);transform:translateY(-50%)scale(1.1)}.modal-nav-btn.prev{left:30px}.modal-nav-btn.next{right:30px}.modal-close-btn{color:var(--white);cursor:pointer;z-index:10;background:0 0;border:none;font-size:3rem;line-height:1;transition:color .3s;position:absolute;top:20px;right:30px}.modal-close-btn:hover{color:var(--color-primary)}@keyframes modalimage{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gallery-loader{justify-content:center;align-items:center;min-height:30vh;display:flex}.gallery-loader .spinner{border:6px solid var(--color-surface);border-top:6px solid var(--color-primary);border-radius:50%;width:80px;height:80px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.gallery-wrapper{gap:32px;margin:10rem auto 4rem;padding:0 16px}.gallery-subtitle{font-size:1.1rem}.gallery-group.group2,.gallery-group.group3a,.gallery-group.group3b{gap:16px}.gallery-group.group4a,.gallery-group.group4b{min-height:unset;grid-template-columns:1fr 1fr;grid-auto-rows:120px;gap:12px}.gallery-group.group4a .item-1{grid-area:span 2/1}.gallery-group.group4a .item-2{grid-area:span 3/2}.gallery-group.group4a .item-3{grid-area:span 3/1}.gallery-group.group4a .item-4{grid-area:span 2/2}.gallery-group.group4b .item-1{grid-area:span 2/1}.gallery-group.group4b .item-2{grid-area:span 3/2}.gallery-group.group4b .item-3{grid-area:span 3/1}.gallery-group.group4b .item-4{grid-area:span 2/2}.gallery-modal img{width:100%;max-width:100%;height:auto;max-height:80vh}.modal-nav-btn{width:40px;height:40px;font-size:1.2rem}.modal-nav-btn.prev{left:10px}.modal-nav-btn.next{right:10px}.modal-close-btn{font-size:2.5rem;top:10px;right:20px}}@media (max-width:500px){.gallery-wrapper{gap:24px;padding:0 12px}.gallery-title{font-size:2.5rem}.gallery-group.group2,.gallery-group.group3a,.gallery-group.group3b{gap:12px}.gallery-group.group4a,.gallery-group.group4b{grid-auto-rows:100px;gap:10px}.gallery-item img{border-radius:8px;box-shadow:0 2px 6px #162b110f}.gallery-modal{padding:12px}.gallery-modal img{border-radius:10px;max-width:100%;max-height:70vh}.modal-nav-btn{display:none}}