.WorksSection-module__clkCqW__grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid;position:relative}@media (max-width:760px){.WorksSection-module__clkCqW__grid{grid-template-columns:1fr}}.WorksSection-module__clkCqW__card{--nx:0;--ny:0;--mx:50%;--my:50%;--accent:#fff;aspect-ratio:5/3;z-index:1;perspective:1400px;cursor:pointer;transition:z-index 0s linear .3s;position:relative}@media (hover:hover){.WorksSection-module__clkCqW__card:hover{z-index:20;transition:z-index}}.WorksSection-module__clkCqW__inner{transform-origin:50%;will-change:transform;background:#0d0d0d;border-radius:22px;transition:transform .42s cubic-bezier(.22,.61,.36,1),top .42s cubic-bezier(.22,.61,.36,1),bottom .42s cubic-bezier(.22,.61,.36,1),box-shadow .42s;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)scale(1)rotateX(0)rotateY(0);box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #0000000f,0 12px 28px -16px #00000040;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}@media (hover:hover){.WorksSection-module__clkCqW__card:hover .WorksSection-module__clkCqW__inner{transform:translateZ(0) scale(1.04) rotateX(calc(var(--ny) * -4deg)) rotateY(calc(var(--nx) * 4deg));transition:transform .14s linear,top .42s cubic-bezier(.22,.61,.36,1),bottom .42s cubic-bezier(.22,.61,.36,1),box-shadow .42s;top:-35%;bottom:-35%;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff1a,0 50px 90px -20px #0009,0 0 0 8px #ffffff0a}}.WorksSection-module__clkCqW__bg{transform:translate3d(calc(var(--nx) * -10px), calc(var(--ny) * -10px), 0) scale(1.04);will-change:transform;background-position:50%;background-size:cover;transition:transform .55s cubic-bezier(.22,.61,.36,1);position:absolute;inset:-4%}@media (hover:hover){.WorksSection-module__clkCqW__card:hover .WorksSection-module__clkCqW__bg{transform:translate3d(calc(var(--nx) * -18px), calc(var(--ny) * -18px), 0) scale(1.1);transition:transform .18s linear}}.WorksSection-module__clkCqW__cardImageWrap{aspect-ratio:8/5;z-index:1;border-radius:10px;width:66%;transition:width .42s cubic-bezier(.22,.61,.36,1),transform .42s cubic-bezier(.22,.61,.36,1);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffff1a}@media (hover:hover){.WorksSection-module__clkCqW__card:hover .WorksSection-module__clkCqW__cardImageWrap{width:92%;transform:translate(-50%,calc(-50% - 30px))}}.WorksSection-module__clkCqW__cardImage{object-fit:cover;object-position:center top}.WorksSection-module__clkCqW__tint{opacity:.55;pointer-events:none;background:linear-gradient(#0a09078c 0%,#0a09070d 25% 55%,#0a0907d9 100%);transition:opacity .35s;position:absolute;inset:0}@media (hover:hover){.WorksSection-module__clkCqW__card:hover .WorksSection-module__clkCqW__tint{opacity:1}}.WorksSection-module__clkCqW__meta{z-index:3;-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);font-family:var(--font-ibm-mono), ui-monospace, monospace;letter-spacing:.04em;color:#1a1814;opacity:1;pointer-events:none;background:#ffffffc7;border-radius:999px;align-items:center;gap:8px;padding:7px 11px 7px 9px;font-size:10.5px;transition:opacity .2s;display:inline-flex;position:absolute;top:18px;left:20px;box-shadow:inset 0 1px #fff9,0 4px 14px #0000001f}@media (hover:hover){.WorksSection-module__clkCqW__card:hover .WorksSection-module__clkCqW__meta{opacity:0}}.WorksSection-module__clkCqW__dot{background:var(--accent,#16a34a);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 20%, transparent);border-radius:50%;flex-shrink:0}.WorksSection-module__clkCqW__metaSep,.WorksSection-module__clkCqW__metaDim{color:#6c675c}.WorksSection-module__clkCqW__label{color:#fff;letter-spacing:.005em;text-shadow:0 1px 3px #00000080,0 4px 16px #0006;opacity:1;pointer-events:none;z-index:3;font-size:17px;font-weight:500;transition:opacity .2s;position:absolute;bottom:16px;left:20px;right:20px}@media (hover:hover){.WorksSection-module__clkCqW__card:hover .WorksSection-module__clkCqW__label{opacity:0}}.WorksSection-module__clkCqW__scrim{opacity:0;pointer-events:none;z-index:2;background:linear-gradient(#0a090700 0%,#0a090747 35%,#0a0907c7 75%,#0a0907eb 100%);height:88%;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}@media (hover:hover){.WorksSection-module__clkCqW__card:hover .WorksSection-module__clkCqW__scrim{opacity:1}}.WorksSection-module__clkCqW__tags{opacity:0;pointer-events:none;z-index:3;flex-wrap:wrap;gap:6px;transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .25s;display:flex;position:absolute;top:16px;left:18px;right:18px;transform:translateY(-6px)}@media (hover:hover){.WorksSection-module__clkCqW__card:hover .WorksSection-module__clkCqW__tags{opacity:1;transition-delay:60ms;transform:translateY(0)}}.WorksSection-module__clkCqW__tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffeb;font-family:var(--font-ibm-mono), ui-monospace, monospace;letter-spacing:.02em;background:#ffffff21;border:1px solid #ffffff2e;border-radius:999px;padding:5px 9px;font-size:10.5px;display:inline-block}.WorksSection-module__clkCqW__reveal{color:#f7f5f1;opacity:0;pointer-events:none;z-index:3;padding:24px 24px 20px;transition:transform .22s cubic-bezier(.22,.61,.36,1),opacity .18s;position:absolute;bottom:0;left:0;right:0;transform:translateY(28px)}@media (hover:hover){.WorksSection-module__clkCqW__card:hover .WorksSection-module__clkCqW__reveal{opacity:1;transition-delay:50ms;transform:translateY(0)}}.WorksSection-module__clkCqW__title{font-family:var(--font-geist-sans), ui-sans-serif, sans-serif;letter-spacing:-.02em;text-wrap:pretty;max-width:92%;margin:0;font-size:clamp(20px,2vw,30px);font-weight:400;line-height:1.1}.WorksSection-module__clkCqW__foot{color:#fff9;font-family:var(--font-ibm-mono), ui-monospace, monospace;letter-spacing:.04em;align-items:center;gap:6px;margin-top:10px;font-size:10.5px;display:inline-flex}.WorksSection-module__clkCqW__shine{border-radius:inherit;background:radial-gradient(260px circle at var(--mx) var(--my), #fff 0%, #fffc 18%, #ffffff40 38%, #fff0 62%);-webkit-mask-composite:xor;pointer-events:none;opacity:0;z-index:4;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover){.WorksSection-module__clkCqW__card:hover .WorksSection-module__clkCqW__shine{opacity:1}}.WorksSection-module__clkCqW__glimmer{--glint:calc(50% - var(--nx,0) * 95%);background:linear-gradient(calc(108deg + var(--ny,0) * 32deg), #fff0 calc(var(--glint) - 34%), #ffffff04 calc(var(--glint) - 18%), #ffffff0f calc(var(--glint) - 6%), #ffffff21 var(--glint), #ffffff0f calc(var(--glint) + 6%), #ffffff04 calc(var(--glint) + 18%), #fff0 calc(var(--glint) + 34%));mix-blend-mode:overlay;pointer-events:none;opacity:0;z-index:4;transition:opacity .35s;position:absolute;inset:0}@media (hover:hover){.WorksSection-module__clkCqW__card:hover .WorksSection-module__clkCqW__glimmer{opacity:1}}
