.wkx-page .wkx{padding-block:clamp(80px,10vh,150px) clamp(70px,10vh,140px)}.wkx-page .wkx-head{margin-bottom:clamp(40px,6vh,72px)}.wkx-page .wkx-grid{grid-template-columns:repeat(auto-fit,minmax(470px,1fr));gap:clamp(20px,2.4vw,30px);display:grid}.wkx-page .wkx-card{background:linear-gradient(#16171e,#0d0e13);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.22,.61,.36,1),border-color .4s,box-shadow .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px -50px #000000e6}.wkx-page .wkx-card[data-d="1"]{transition-delay:.1s}.wkx-page .wkx-card:hover{border-color:#7c6cf766;transform:translateY(-4px);box-shadow:0 40px 80px -50px #7c6cf799}.wkx-page .wkx-card:focus-within{outline:2px solid var(--purple-br);outline-offset:3px}.wkx-page .wkx-card .work-card-media{aspect-ratio:16/11;flex:none;max-height:clamp(280px,42vh,440px)}.wkx-page .wkx-body{flex-direction:column;flex:auto;padding:clamp(24px,2.4vw,34px);display:flex}.wkx-page .wkx-body .work-card-top{margin-bottom:0}.wkx-page .wkx-body h3{font-family:var(--f-display);letter-spacing:-.02em;color:#fff;margin-top:clamp(20px,2.6vh,30px);font-size:clamp(1.5rem,2.2vw,2.05rem);font-weight:700;line-height:1.08}.wkx-page .wkx-body .wdesc{color:var(--soft);max-width:44ch;margin-top:13px;margin-bottom:clamp(20px,3vh,30px);font-size:1.02rem;line-height:1.55}.wkx-page .wkx-foot{border-top:1px solid #ffffff14;align-items:center;margin-top:auto;padding-top:clamp(18px,2.4vh,26px);display:flex}.wkx-page .wkx-card .work-cta .box{background:0 0;border:1px solid #ffffff29;transition:background .35s,border-color .35s,transform .45s cubic-bezier(.22,.61,.36,1)}.wkx-page .wkx-card:hover .work-cta .box{background:var(--purple);border-color:var(--purple);transform:translate(4px)}.wkx-page .wkx-card h3 a{color:inherit}.wkx-page .wkx-card h3 a:after{content:"";z-index:2;position:absolute;inset:0}@media (max-width:1100px){.wkx-page .wkx-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.wkx-page .wkx-card .work-card-media{aspect-ratio:16/10}.wkx-page .wkx-body .wdesc{font-size:.96rem}}@media (max-width:400px){.wkx-page .wkx-card .work-card-media{aspect-ratio:4/3}.wkx-page .wkx-body{padding:22px 20px 24px}.wkx-page .wkx-card .tx-sys .stamp{bottom:14px;left:16px}}
