:root{--position-mouse-x:0;--position-mouse-y:0;--height-float-top-1:0px;--height-float-top-2:0px;--height-float-bottom-2:0px;--height-float-bottom-1:0px;--height-works-filter-reset:0px;--border-width:1px;--outline-width:2px;--outline-offset:2px;--space-xxs:.25rem;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-xxl:5rem;--space-xxxl:7.5rem;--text-xs:.6rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-xxl:2rem;--text-xxxl:3rem;--text-xxxxl:4rem;--line-height-xxs:.5;--line-height-xs:.8;--line-height-just:1;--line-height-sm:1.2;--line-height-md:1.5;--line-height-lg:1.8;--duration-min:0s;--duration-xs:.1s;--duration-sm:.2s;--duration-md:.3s;--duration-lg:.4s;--duration-xl:.6s;--duration-xxl:.8s;--duration-xxxl:2s;--opacity-max:1;--opacity-lg:.8;--opacity-md:.6;--opacity-sm:.4;--opacity-xs:.2;--opacity-xxs:.05;--opacity-xxxs:.01;--opacity-min:0;--scale-xxxl:1.4;--scale-xxl:1.2;--scale-xl:1.11;--scale-lg:1.02;--scale-md:1;--scale-sm:.98;--scale-xs:.89;--scale-xxs:.8;--scale-xxxs:.6;--scale-min:0;--color-white:#f2f2f2;--color-black:#1f1f1f;--color-grey:#bab4b0;--color-pink:#ef3e46;--color-red:#e82626;--color-yellow:#e3d24f;--color-main:var(--color-yellow);--color-accent:var(--color-pink);--color-accent-shadow:hsl(from var(--color-accent)h s calc(l - 15));--color-danger:var(--color-red);--color-gold:#d4af37;--color-gold-shadow:#d4af3780;--color-velvet-base:#4a0404;--color-velvet-highlight:#ffffff0d;--color-overlay-bg:#1a1a1a;--color-bg-toggle-track:var(--color-grey);--color-border:var(--color-black);--color-shadow:hsl(from var(--color-black)calc(h + 0)calc(s - 0)calc(l + 50)/var(--opacity-sm));--color-text:var(--color-black);--color-bg-box:var(--color-white);--color-bg:hsl(from var(--color-main)calc(h + 0)calc(s - 15)calc(l + 35));--color-bg-dot:hsl(from var(--color-main)calc(h - 210)calc(s - 15)calc(l + 10));--color-icon:hsl(from var(--color-grey)calc(h + 0)calc(s + 0)calc(l - 10))}:root[data-theme=dark]{--color-border:var(--color-white);--color-shadow:hsl(from var(--color-white)calc(h + 0)calc(s - 0)calc(l - 50)/var(--opacity-sm));--color-text:var(--color-white);--color-bg-box:var(--color-black);--color-bg:hsl(from var(--color-main)calc(h + 180)calc(s - 15)calc(l - 35));--color-bg-dot:hsl(from var(--color-main)calc(h - 210 + 180)calc(s - 15)calc(l - 10));--color-icon:hsl(from var(--color-grey)calc(h + 0)calc(s + 0)calc(l + 10))}
:root{--position-mouse-x:0;--position-mouse-y:0;--height-float-top-1:0px;--height-float-top-2:0px;--height-float-bottom-2:0px;--height-float-bottom-1:0px;--height-works-filter-reset:0px;--border-width:1px;--outline-width:2px;--outline-offset:2px;--space-xxs:.25rem;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-xxl:5rem;--space-xxxl:7.5rem;--text-xs:.6rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-xxl:2rem;--text-xxxl:3rem;--text-xxxxl:4rem;--line-height-xxs:.5;--line-height-xs:.8;--line-height-just:1;--line-height-sm:1.2;--line-height-md:1.5;--line-height-lg:1.8;--duration-min:0s;--duration-xs:.1s;--duration-sm:.2s;--duration-md:.3s;--duration-lg:.4s;--duration-xl:.6s;--duration-xxl:.8s;--duration-xxxl:2s;--opacity-max:1;--opacity-lg:.8;--opacity-md:.6;--opacity-sm:.4;--opacity-xs:.2;--opacity-xxs:.05;--opacity-xxxs:.01;--opacity-min:0;--scale-xxxl:1.4;--scale-xxl:1.2;--scale-xl:1.11;--scale-lg:1.02;--scale-md:1;--scale-sm:.98;--scale-xs:.89;--scale-xxs:.8;--scale-xxxs:.6;--scale-min:0;--color-white:#f2f2f2;--color-black:#1f1f1f;--color-grey:#bab4b0;--color-pink:#ef3e46;--color-red:#e82626;--color-yellow:#e3d24f;--color-main:var(--color-yellow);--color-accent:var(--color-pink);--color-accent-shadow:hsl(from var(--color-accent)h s calc(l - 15));--color-danger:var(--color-red);--color-gold:#d4af37;--color-gold-shadow:#d4af3780;--color-velvet-base:#4a0404;--color-velvet-highlight:#ffffff0d;--color-overlay-bg:#1a1a1a;--color-bg-toggle-track:var(--color-grey);--color-border:var(--color-black);--color-shadow:hsl(from var(--color-black)calc(h + 0)calc(s - 0)calc(l + 50)/var(--opacity-sm));--color-text:var(--color-black);--color-bg-box:var(--color-white);--color-bg:hsl(from var(--color-main)calc(h + 0)calc(s - 15)calc(l + 35));--color-bg-dot:hsl(from var(--color-main)calc(h - 210)calc(s - 15)calc(l + 10));--color-icon:hsl(from var(--color-grey)calc(h + 0)calc(s + 0)calc(l - 10))}:root[data-theme=dark]{--color-border:var(--color-white);--color-shadow:hsl(from var(--color-white)calc(h + 0)calc(s - 0)calc(l - 50)/var(--opacity-sm));--color-text:var(--color-white);--color-bg-box:var(--color-black);--color-bg:hsl(from var(--color-main)calc(h + 180)calc(s - 15)calc(l - 35));--color-bg-dot:hsl(from var(--color-main)calc(h - 210 + 180)calc(s - 15)calc(l - 10));--color-icon:hsl(from var(--color-grey)calc(h + 0)calc(s + 0)calc(l + 10))}:root{--spotlight-bg:radial-gradient(circle at var(--position-mouse-x)var(--position-mouse-y),hsl(from var(--color-accent)h s l)0%,#fff0 40%);--spotlight-blend:saturation}:root[data-theme=dark]{--spotlight-bg:radial-gradient(circle at var(--position-mouse-x)var(--position-mouse-y),hsl(from var(--color-yellow)h s calc(l - 20))0%,#0000 25%);--spotlight-blend:color-dodge}.Works-module-scss-module__-fv_6q__works{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;grid-auto-flow:dense;display:grid}.Works-module-scss-module__-fv_6q__bentoCard{border-radius:calc(var(--space-sm));color:var(--color-white);text-decoration:none;position:relative}.Works-module-scss-module__-fv_6q__bentoCard[data-size=normal]{grid-area:span 1/span 1}.Works-module-scss-module__-fv_6q__bentoCard[data-size=large]{grid-area:span 2/span 2}.Works-module-scss-module__-fv_6q__bentoCard[data-size=wide]{grid-area:span 1/span 2}.Works-module-scss-module__-fv_6q__bentoCard[data-size=tall]{grid-area:span 2/span 1}.Works-module-scss-module__-fv_6q__bentoCard[data-size=full]{grid-area:span 1/span 4}@media (any-hover:hover){.Works-module-scss-module__-fv_6q__bentoCard:hover{cursor:none}.Works-module-scss-module__-fv_6q__bentoCard:hover .Works-module-scss-module__-fv_6q__bentoCard__spotlight{opacity:var(--opacity-max)}.Works-module-scss-module__-fv_6q__bentoCard:hover .Works-module-scss-module__-fv_6q__bentoCard__cursorIcon{opacity:var(--opacity-max);animation:Works-module-scss-module__-fv_6q__pop-in var(--duration-md)cubic-bezier(.175,.885,.32,1.275)}}.Works-module-scss-module__-fv_6q__bentoCard__inner{border:var(--border-width)solid var(--color-border);box-shadow:2px 2px 0px var(--color-shadow);border-radius:calc(var(--space-xs));background:var(--color-bg-box);width:100%;height:100%;transition:border-color var(--duration-sm)ease;position:relative;overflow:hidden}.Works-module-scss-module__-fv_6q__bentoCard__cursorIcon{left:var(--position-mouse-x);top:var(--position-mouse-y);pointer-events:none;z-index:15;width:var(--text-xxl);height:var(--text-xxl);display:none;position:absolute;transform:translate(-50%,-50%)}@media (any-hover:hover){.Works-module-scss-module__-fv_6q__bentoCard__cursorIcon{opacity:var(--opacity-min);display:block}}.Works-module-scss-module__-fv_6q__bentoCard__cursorIcon{transition:opacity var(--duration-sm)ease,transform var(--duration-sm)}.Works-module-scss-module__-fv_6q__bentoCard__cursorIcon img{object-fit:contain;width:100%;height:100%}.Works-module-scss-module__-fv_6q__bentoCard__cursorIcon .Works-module-scss-module__-fv_6q__iconLight{display:block}[data-theme=dark] .Works-module-scss-module__-fv_6q__bentoCard__cursorIcon .Works-module-scss-module__-fv_6q__iconLight{display:none}.Works-module-scss-module__-fv_6q__bentoCard__cursorIcon .Works-module-scss-module__-fv_6q__iconDark{display:none}[data-theme=dark] .Works-module-scss-module__-fv_6q__bentoCard__cursorIcon .Works-module-scss-module__-fv_6q__iconDark{display:block}.Works-module-scss-module__-fv_6q__bentoCard__spotlight{pointer-events:none;z-index:10;opacity:var(--opacity-min);transition:opacity var(--duration-sm)ease;background:var(--spotlight-bg);mix-blend-mode:var(--spotlight-blend);position:absolute;inset:0}.Works-module-scss-module__-fv_6q__bentoCard__imageBg{z-index:1;background-color:#333;position:absolute;inset:0}.Works-module-scss-module__-fv_6q__bentoCard__image{object-fit:cover;transition:transform var(--duration-lg)ease}.Works-module-scss-module__-fv_6q__bentoCard__imageOverlay{z-index:2;background-image:radial-gradient(var(--color-border)1.2px,transparent 1.2px);-webkit-mask-image:linear-gradient(to bottom,transparent 30%,var(--color-border)100%);-webkit-mask-image:linear-gradient(to bottom,transparent 30%,var(--color-border)100%);mask-image:linear-gradient(to bottom,transparent 30%,var(--color-border)100%);opacity:var(--opacity-lg);background-size:4px 4px;position:absolute;inset:0}.Works-module-scss-module__-fv_6q__bentoCard__content{z-index:3;height:100%;padding:var(--space-lg);flex-direction:column;justify-content:flex-end;display:flex;position:relative}.Works-module-scss-module__-fv_6q__bentoCard__title{font-size:var(--text-xl);margin-top:4px;font-weight:700}@media (max-width:768px){.Works-module-scss-module__-fv_6q__works{grid-template-columns:1fr;grid-auto-rows:240px}.Works-module-scss-module__-fv_6q__bentoCard[data-size]{grid-area:span 1/span 4}}@keyframes Works-module-scss-module__-fv_6q__pop-in{0%{transform:translate(-50%,-50%)scale(var(--scale-min))}to{transform:translate(-50%,-50%)scale(var(--scale-mid))}}