.work-head{max-width:44rem}.work-list{gap:6rem;margin-block-start:4rem;display:grid}.work-item{grid-template-columns:minmax(0,1fr);align-items:center;gap:2.5rem;display:grid}.work-index{color:#e2ad628c;font-family:var(--font-display);font-variant-numeric:lining-nums;letter-spacing:.08em;font-size:1.125rem}.work-kind{color:#e2ad62;margin-block-start:.5rem;font-size:.875rem}.work-title{color:#f5f5f5;margin-block-start:.5rem;font-size:clamp(1.875rem,6vw,3rem);font-weight:300;line-height:1.2}.work-title a{transition:color .3s}.work-summary{color:#bdbdbd;max-width:34rem;margin-block-start:1rem;line-height:1.85}html[lang=fa] .work-summary{line-height:2.1}.work-tags{flex-wrap:wrap;gap:.5rem;margin-block-start:1.25rem;display:flex}.work-tags li{color:#d8d2c8;border:1px solid #e2ad6240;border-radius:999px;padding:.25rem .875rem;font-size:.8125rem}.work-actions{flex-wrap:wrap;align-items:center;gap:0 1.25rem;display:flex}.work-link{color:#e2ad62;border-block-end:1px solid #e2ad6266;align-items:center;min-height:2.75rem;margin-block-start:2rem;font-size:.9375rem;transition:border-color .3s;display:inline-flex}.work-more{margin-block-start:6rem}.frames{padding-block-end:8%;padding-inline-end:7%;position:relative}.frames-glow{pointer-events:none;background:radial-gradient(closest-side,#e2963c4d,#0000);position:absolute;inset:8% 4% 0}.frames-stage{transform-style:preserve-3d;will-change:transform;position:relative}.frame-browser{background:#161210;border:1px solid #e2ad624d;border-radius:.875rem;overflow:hidden;box-shadow:0 30px 80px #000000a6}.frame-browser img{width:100%;height:auto;display:block}.frame-bar{border-block-end:1px solid #e2ad622e;align-items:center;gap:.3125rem;height:1.75rem;padding-inline:.75rem;display:flex}.frame-bar i{background:#e2ad6266;border-radius:999px;width:.4375rem;height:.4375rem}.frame-bar span{color:#9a9a9a;margin-inline-start:.5rem;font-size:.6875rem}.frame-phone{background:#161210;border:3px solid #2a211a;border-radius:1rem;width:22%;position:absolute;inset-block-end:-9%;inset-inline-end:-6%;overflow:hidden;transform:translateZ(40px);box-shadow:0 24px 50px #000000b3}.frame-phone img{width:100%;height:auto;display:block}.case-hero{margin-block-start:3rem}.case-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem;margin-block-start:5rem;display:grid}.case-body p{color:#d8d2c8;margin-block-end:1.25rem;font-size:1.0625rem;line-height:1.9}html[lang=fa] .case-body p{line-height:2.1}.case-next{border-block-start:1px solid #e2ad622e;margin-block-start:5rem;padding-block-start:1.5rem;display:block}.case-next small{color:#9a9a9a;font-size:.8125rem;display:block}.case-next strong{color:#f5f5f5;font-size:clamp(1.5rem,5vw,2.25rem);font-weight:300;transition:color .3s}@media (hover:hover) and (pointer:fine){.work-title a:hover,.case-next:hover strong{color:#e2ad62}.work-link:hover{border-color:#e2ad62}}@media (min-width:900px){.work-list{gap:9rem}.work-item{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4rem}.work-item:nth-child(2n) .work-copy{order:2}.case-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:4rem}}