:root{--height-bottom-nav:0px;--color-white:#fff;--color-black:#202020;--color-grey:#bab4b0;--color-pink:#ef3e46;--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-gold:#d4af37;--color-gold-shadow:#d4af3780;--color-velvet-base:#4a0404;--color-velvet-highlight:#ffffff0d;--color-overlay-bg:#1a1a1a;--color-border:var(--color-black);--color-shadow:hsl(from var(--color-black)calc(h + 0)calc(s - 0)calc(l + 50));--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));--color-bg-marquee:hsl(from var(--color-grey)calc(h + 0)calc(s + 0)calc(l + 10));--color-spotlight:hsl(from var(--color-accent)calc(h + 0)calc(s + 0)calc(l + 0))}: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));--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));--color-bg-marquee:hsl(from var(--color-grey)calc(h + 0)calc(s + 0)calc(l - 10));--color-spotlight:hsl(from var(--color-yellow)calc(h + 0)calc(s + 0)calc(l - 20))}.Works-module-scss-module__Lq_8yW__works{grid-template-columns:minmax(2rem,1fr) minmax(auto,1000px) minmax(2rem,1fr);display:grid}.Works-module-scss-module__Lq_8yW__works>*{grid-column:2}.Works-module-scss-module__Lq_8yW__works__heading{font-family:var(--font-en);letter-spacing:-.02em;margin-bottom:40px;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.Works-module-scss-module__Lq_8yW__works__grid{grid-template-columns:1fr;grid-auto-rows:240px;grid-auto-flow:dense;gap:1rem;display:grid}@media (min-width:768px){.Works-module-scss-module__Lq_8yW__works__grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:280px}}.Works-module-scss-module__Lq_8yW__bentoCard{color:var(--color-white);border-radius:1rem;text-decoration:none;position:relative}@media (min-width:768px){.Works-module-scss-module__Lq_8yW__bentoCard[data-size=normal]{grid-area:span 1/span 1}.Works-module-scss-module__Lq_8yW__bentoCard[data-size=large]{grid-area:span 2/span 2}.Works-module-scss-module__Lq_8yW__bentoCard[data-size=wide]{grid-area:span 1/span 2}.Works-module-scss-module__Lq_8yW__bentoCard[data-size=tall]{grid-area:span 2/span 1}}@media (any-hover:hover){.Works-module-scss-module__Lq_8yW__bentoCard{cursor:none}.Works-module-scss-module__Lq_8yW__bentoCard:hover .Works-module-scss-module__Lq_8yW__bentoCard__spotlight{opacity:1}.Works-module-scss-module__Lq_8yW__bentoCard:hover .Works-module-scss-module__Lq_8yW__bentoCard__cursorIcon{opacity:1;animation:.3s cubic-bezier(.175,.885,.32,1.275) Works-module-scss-module__Lq_8yW__pop-in}}.Works-module-scss-module__Lq_8yW__bentoCard__inner{border:1px solid var(--color-border);box-shadow:2px 2px 0px var(--color-shadow);background:var(--color-bg-box);border-radius:1rem;width:100%;height:100%;transition:border-color .3s;position:relative;overflow:hidden}.Works-module-scss-module__Lq_8yW__bentoCard__cursorIcon{left:var(--mouse-x);top:var(--mouse-y);pointer-events:none;z-index:15;width:2rem;height:2rem;display:none;position:absolute;transform:translate(-50%,-50%)}@media (any-hover:hover){.Works-module-scss-module__Lq_8yW__bentoCard__cursorIcon{opacity:0;display:block}}.Works-module-scss-module__Lq_8yW__bentoCard__cursorIcon{transition:opacity .2s,transform .1s}.Works-module-scss-module__Lq_8yW__bentoCard__cursorIcon img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.Works-module-scss-module__Lq_8yW__bentoCard__cursorIcon .Works-module-scss-module__Lq_8yW__iconLight{width:100%;height:100%;display:block}[data-theme=dark] .Works-module-scss-module__Lq_8yW__bentoCard__cursorIcon .Works-module-scss-module__Lq_8yW__iconLight{display:none}.Works-module-scss-module__Lq_8yW__bentoCard__cursorIcon .Works-module-scss-module__Lq_8yW__iconDark{width:100%;height:100%;display:none}[data-theme=dark] .Works-module-scss-module__Lq_8yW__bentoCard__cursorIcon .Works-module-scss-module__Lq_8yW__iconDark{display:block}.Works-module-scss-module__Lq_8yW__bentoCard__spotlight{pointer-events:none;z-index:10;opacity:0;background:radial-gradient(circle at var(--mouse-x)var(--mouse-y),var(--color-spotlight)0%,#fff0 40%);mix-blend-mode:saturation;transition:opacity .3s;position:absolute;inset:0}[data-theme=dark] .Works-module-scss-module__Lq_8yW__bentoCard__spotlight{background:radial-gradient(circle at var(--mouse-x)var(--mouse-y),var(--color-spotlight)0%,#0000 25%);mix-blend-mode:color-dodge}.Works-module-scss-module__Lq_8yW__bentoCard__imageBg{z-index:1;background-color:#333;position:absolute;inset:0}.Works-module-scss-module__Lq_8yW__bentoCard__image{object-fit:cover;transition:transform .6s}.Works-module-scss-module__Lq_8yW__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:.8;background-size:4px 4px;position:absolute;inset:0}.Works-module-scss-module__Lq_8yW__bentoCard__content{z-index:3;flex-direction:column;justify-content:flex-end;height:100%;padding:2rem;display:flex;position:relative}.Works-module-scss-module__Lq_8yW__bentoCard__title{margin-top:4px;font-size:1.5rem;font-weight:700}.Works-module-scss-module__Lq_8yW__bentoCard__category{font-family:var(--font-en);opacity:.9;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}@keyframes Works-module-scss-module__Lq_8yW__pop-in{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(1)}}