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