.reveal-wrapper{background-color:#f8fbff;height:320vh;position:relative}.reveal-sticky{justify-content:center;align-items:center;width:100%;height:100vh;padding:2rem 5%;display:flex;position:sticky;top:0;overflow:hidden}.reveal-grid{grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(180px,220px);gap:1.25rem;width:100%;max-width:1400px;display:grid;position:relative}.reveal-grid-static{background-color:#f8fbff;grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(180px,220px);gap:1.25rem;width:100%;max-width:1400px;margin:0 auto;padding:4rem 5%;display:grid}.reveal-item{will-change:transform, opacity;cursor:pointer;border:1px solid #ffffff26;border-radius:1.25rem;width:100%;height:100%;transition:opacity .3s;position:relative;overflow:hidden;box-shadow:0 15px 35px -10px #0003}.reveal-item:hover{opacity:1!important}.reveal-item-img{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .4s,opacity .3s,filter .3s}.reveal-item:not(.scaler-item) .reveal-item-img,.reveal-grid:hover .scaler-item:not(:hover) .reveal-item-img,.reveal-grid-static:hover .scaler-item:not(:hover) .reveal-item-img{opacity:.5;filter:grayscale(20%)}.reveal-item:hover .reveal-item-img{opacity:1;filter:grayscale(0%);transform:scale(1.05)}.reveal-overlay{background:linear-gradient(#0000 0%,#0f172a33 40%,#0f172ad9 100%);flex-direction:column;justify-content:flex-end;padding:1.25rem;transition:background .3s;display:flex;position:absolute;inset:0}.reveal-item:hover .reveal-overlay{background:linear-gradient(#0000 0%,#0f172a99 30%,#0f172afa 100%)}.reveal-title{color:#fff;letter-spacing:-.01em;font-size:1.15rem;font-weight:800;line-height:1.2}.reveal-desc{color:#cbd5e1;opacity:0;max-height:0;margin-top:.5rem;font-size:.85rem;font-weight:500;line-height:1.4;transition:opacity .3s,max-height .3s,margin-top .3s;overflow:hidden}.reveal-item:hover .reveal-desc{opacity:1;max-height:100px;margin-top:.5rem}.scaler-item{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reveal-grid-static .scaler-item{z-index:1;width:100%;height:100%;position:relative;top:auto;left:auto;transform:none}.item-0{grid-area:1/1/2/2}.item-1{grid-area:1/2/2/3}.item-2{grid-area:1/3/2/4}.item-3{grid-area:1/4/2/5}.item-4{grid-area:1/5/2/6}.item-5{grid-area:2/1/3/2}.item-6{grid-area:2/2/3/3}.item-7{grid-area:2/3/3/4}.item-8{grid-area:2/4/3/5}.item-9{grid-area:2/5/3/6}.item-10{grid-area:3/2/4/3}.item-11{grid-area:3/4/4/5}@media (max-width:1024px){.reveal-grid,.reveal-grid-static{grid-template-columns:repeat(3,1fr)}.item-0{grid-area:1/1/2/2}.item-1{grid-area:1/2/2/3}.item-2{grid-area:1/3/2/4}.item-3{grid-area:2/1/3/2}.item-4{grid-area:2/2/3/3}.item-5{grid-area:2/3/3/4}.item-6{grid-area:3/1/4/2}.item-7{grid-area:3/2/4/3}.item-8{grid-area:3/3/4/4}.item-9{grid-area:4/1/5/2}.item-10{grid-area:4/2/5/3}.item-11{grid-area:4/3/5/4}}@media (max-width:768px){.reveal-wrapper{height:auto}.reveal-sticky{height:auto;padding:2rem 1rem;position:relative}.reveal-grid,.reveal-grid-static{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px;gap:1rem}.scaler-item{width:100%!important;height:100%!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.reveal-item{opacity:1!important;transform:none!important}.reveal-grid>div,.reveal-grid-static>div{grid-area:auto!important}.reveal-item .reveal-item-img,.reveal-grid:hover .scaler-item .reveal-item-img,.reveal-grid-static:hover .scaler-item .reveal-item-img{opacity:1!important;filter:grayscale(0%)!important}}