.gallery{position:relative;width:970px;height:1620px;margin:0 auto;margin-bottom:var(--space-9);overflow:visible}.gallery:before{content:"";position:absolute;inset:-60px;background:radial-gradient(ellipse 60% 55% at 50% 38%,oklch(.503 .287 280 / .13) 0%,transparent 72%),radial-gradient(ellipse 40% 30% at 30% 75%,oklch(.6 .22 355 / .07) 0%,transparent 70%);pointer-events:none;z-index:0}.card{position:absolute;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;will-change:transform;transition:border-color var(--duration-normal),box-shadow var(--duration-normal);background:none;padding:0;font:inherit;text-align:left;text-decoration:none;color:inherit}.card-img{position:absolute;inset:0;border-radius:var(--radius-lg);overflow:hidden}.card-img:before{content:"";position:absolute;inset:0}.card-img:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 18px,oklch(1 0 0 / .05) 18px,oklch(1 0 0 / .05) 19px);pointer-events:none;z-index:1}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--primary) 0%,oklch(.503 .287 280 / .55) 38%,oklch(.503 .287 280 / 0) 65%);pointer-events:none;z-index:2}.card-tag{position:absolute;top:var(--space-3);left:var(--space-3);z-index:4}.card-body{position:absolute;bottom:0;left:0;right:0;padding:0 1.25rem 1.3rem;z-index:3}.card-code{display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-20);color:oklch(.85 .1 280);margin-bottom:.35rem}.card-title{font-family:var(--font-display);font-weight:var(--font-normal);font-size:var(--text-base-plus);color:#fff;letter-spacing:var(--tracking-08);text-transform:uppercase;margin-bottom:.6rem}.card-link{display:inline-flex;align-items:center;gap:.35rem;color:oklch(.88 .08 280);font-size:var(--text-xs);line-height:1;letter-spacing:var(--tracking-widest);text-transform:uppercase;text-decoration:none;font-weight:var(--font-medium);transition:color .2s,gap .2s}.card-link:hover{color:#fff;gap:var(--space-2)}.card-link svg{width:13px;height:13px;display:block}.img-a:before{background:radial-gradient(ellipse at 25% 35%,oklch(.6 .24 270 / .7) 0%,transparent 55%),linear-gradient(145deg,oklch(.22 .14 280),oklch(.42 .26 280))}.img-b:before{background:radial-gradient(ellipse at 75% 25%,oklch(.65 .22 320 / .5) 0%,transparent 50%),linear-gradient(135deg,oklch(.35 .24 280),#9c40bf 60%,#e5259a)}.img-c:before{background:radial-gradient(ellipse at 60% 70%,oklch(.7 .22 355 / .5) 0%,transparent 55%),linear-gradient(135deg,oklch(.32 .2 350),oklch(.58 .26 355))}.img-d:before{background:radial-gradient(circle at 40% 30%,oklch(.68 .24 40 / .6) 0%,transparent 50%),linear-gradient(225deg,#310e03,oklch(.58 .22 38))}.img-e:before{background:radial-gradient(ellipse at 70% 30%,oklch(.503 .287 280 / .8) 0%,transparent 55%),radial-gradient(ellipse at 20% 80%,oklch(.6 .2 260 / .4) 0%,transparent 50%),linear-gradient(135deg,#04021c,#330788)}.img-f:before{background:radial-gradient(circle at 30% 60%,oklch(.62 .22 40 / .5) 0%,transparent 50%),linear-gradient(135deg,oklch(.38 .24 280),#734ac3 45%,oklch(.6 .22 40))}.img-g:before{background:radial-gradient(ellipse at 65% 35%,oklch(.68 .22 350 / .5) 0%,transparent 55%),linear-gradient(220deg,oklch(.42 .22 350),#571fff,#280561)}.img-h:before{background:radial-gradient(circle at 60% 60%,oklch(.65 .22 40 / .6) 0%,transparent 50%),radial-gradient(circle at 25% 25%,oklch(.503 .287 280 / .5) 0%,transparent 50%),linear-gradient(135deg,#150640,#2f17b3)}.c1{width:310px;height:380px;top:0;left:330px;z-index:4}.c2{width:310px;height:380px;top:300px;left:160px;z-index:3}.c3{width:310px;height:380px;top:300px;left:500px;z-index:5}.c4{width:310px;height:380px;top:600px;left:0;z-index:2}.c5{width:310px;height:380px;top:610px;left:330px;z-index:6}.c6{width:310px;height:380px;top:595px;left:660px;z-index:3}.c7{width:310px;height:380px;top:910px;left:160px;z-index:3}.c8{width:310px;height:380px;top:910px;left:500px;z-index:5}.c9{width:310px;height:380px;top:1210px;left:330px;z-index:4}.card.is-active{border-color:var(--border-hover);box-shadow:0 0 28px var(--glow-sm),0 32px 80px #0000008c}.gallery:has(.card:hover) .card:not(.is-active){filter:brightness(.55) saturate(.5);transition:filter .35s ease}.gallery:has(.card:hover) .card.is-active{filter:brightness(1) saturate(1);transition:filter .35s ease}.gallery:not(:has(.card:hover)) .card{filter:brightness(1) saturate(1);transition:filter .5s ease}[data-theme=light] .card{box-shadow:0 6px 32px #571fff1f}[data-theme=light] .card.is-active{box-shadow:0 0 28px #571fff4d,0 32px 80px #571fff38}.card.is-active:after{opacity:1!important;animation:ba-spin 2.4s linear infinite!important}.page-header{padding-bottom:var(--space-5)}@media(max-width:1023px){.page-header{padding-top:var(--space-5);padding-bottom:var(--space-4)}.gallery{display:flex;flex-direction:column;height:auto!important;width:100%!important;gap:var(--space-5);margin:0;padding:var(--space-4)}.gallery:before{display:none}.card{position:relative!important;width:100%!important;height:220px!important;top:auto!important;left:auto!important;transform:none!important;filter:none!important;z-index:1!important}.gallery:has(.card:hover) .card:not(.is-active),.gallery:has(.card:hover) .card.is-active,.gallery:not(:has(.card:hover)) .card{filter:none;transition:none}.card.is-active:after{animation:none!important;opacity:0!important}}.card-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--radius-lg);z-index:0}