.stackgrid-root *,.stackgrid-root h1,.stackgrid-root p{box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none;margin:0;padding:0}.stackgrid-root ::-webkit-scrollbar{display:none}.stackgrid-root{background:#000;transition:all .4s}.stackgrid-root.grid{background:#000!important}.stackgrid-root{--cell-size:400px;--transition:.4s cubic-bezier(.7,0,.3,1);--grid-gap:16px;--grid-y-offset:76px}.stackgrid-root h1,.stackgrid-root p{font-optical-sizing:auto;text-align:center;font-family:Hanken Grotesk,sans-serif;font-style:normal}.stackgrid-root h1{letter-spacing:-.05em;font-size:20px;font-weight:500}.stackgrid-root p{letter-spacing:-.02em;font-size:16px;font-weight:300;transform:translateY(2px)}.stackgrid-root .top{z-index:102;color:#fff;-webkit-backdrop-filter:blur(100px);background:#000;border-radius:16px;gap:8px;padding:8px 4px 10px 12px;display:flex;position:absolute;top:16px;left:50%;transform:translate(0,0)translate(-50%);box-shadow:0 2.5px 3.6px rgba(0,0,0,.03),0 7px 10px rgba(0,0,0,.043),0 16.9px 24.1px rgba(0,0,0,.06),0 56px 80px rgba(0,0,0,.09)}.stackgrid-root .type{opacity:.7;display:flex}.stackgrid-root .type svg{opacity:.5}.stackgrid-root .carousel{justify-content:center;align-items:start;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.stackgrid-root.scroll .carousel{overflow:hidden}.stackgrid-root.grid .carousel{overflow:scroll}.stackgrid-root .test{transition:top var(--transition);position:relative}.stackgrid-root.scroll .test{top:calc(50% - (var(--cell-size)/2))}.stackgrid-root.grid .test{top:calc(var(--cell-size))}.stackgrid-root .content{flex-flow:row;justify-content:center;align-items:center;display:flex;position:relative}.stackgrid-root.scroll .content{cursor:grab}.stackgrid-root.grid .content{cursor:auto!important;transform:translate(0)!important}.stackgrid-root .item{transition:width var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.stackgrid-root.scroll .item{width:clamp(20px,calc(var(--cell-size)*.18),96px)}.stackgrid-root.grid .item{width:0}.stackgrid-root .window{min-width:calc(var(--cell-size) - var(--grid-gap));height:calc(var(--cell-size) - var(--grid-gap));-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);color:#fff;pointer-events:auto;flex-flow:column;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 150px rgba(255,255,255,.1)}.stackgrid-root.scroll .window{background:auto;border-radius:clamp(16px,calc(var(--cell-size)*.18),40px);border:1.5px solid rgba(255,255,255,0)}.stackgrid-root.grid .window{cursor:pointer;border:1.5px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,0)!important}.stackgrid-root .image{z-index:1;aspect-ratio:1;pointer-events:none;width:100%;margin-top:2px;transition:inherit;position:relative}.stackgrid-root.grid .image{opacity:1!important}.stackgrid-root .image img{z-index:1;object-fit:cover;border-radius:clamp(10px,calc(var(--cell-size)*.1),24px);width:100%;height:100%;transition:border-radius var(--transition);position:absolute;top:0;left:0;overflow:hidden;transform:translate(0,0)scale(.8)}.stackgrid-root.scroll .image img{border-radius:clamp(10px,calc(var(--cell-size)*.1),24px)}.stackgrid-root.grid .image img{border-radius:max(0px,min(2vw,12px))}.stackgrid-root .bg-img{filter:blur(48px);transform:translate(0,0);z-index:-1!important;transition:opacity .6s!important}.stackgrid-root.scroll .bg-img{opacity:1}.stackgrid-root.grid .bg-img{opacity:.3}.stackgrid-root.grid .window:hover .bg-img{opacity:1!important}.stackgrid-root .info{bottom:calc(var(--cell-size)*-.16);z-index:2;opacity:0;pointer-events:none;width:200%;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .4s;position:absolute}.stackgrid-root.grid .info{opacity:0!important}.stackgrid-root .nav{z-index:102;-webkit-backdrop-filter:blur(100px);background:#000;border-radius:16px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(0,0)translate(-50%);box-shadow:0 2.5px 3.6px rgba(0,0,0,.03),0 7px 10px rgba(0,0,0,.043),0 16.9px 24.1px rgba(0,0,0,.06),0 56px 80px rgba(0,0,0,.09)}.stackgrid-root .nav>div{z-index:2;opacity:.7;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:opacity .2s;display:flex;position:relative}.stackgrid-root .nav .bg{z-index:1;transition:transform var(--transition);background:rgba(255,255,255,.2);position:absolute}.stackgrid-root.scroll .nav .bg{transform:translate(0%)}.stackgrid-root.grid .nav .bg{transform:translate(100%)}.stackgrid-root .nav>div:hover{opacity:1}.stackgrid-root .cover-scrim{z-index:101;width:100%;height:150px;transition:opacity var(--transition);background:linear-gradient(transparent 0%,rgba(0,0,0,.05) 10%,rgba(0,0,0,.7) 100%);position:absolute;bottom:0;left:0}.stackgrid-root.scroll .cover-scrim{opacity:0}.stackgrid-root.grid .cover-scrim{opacity:1}