.recent-work{content-visibility:visible!important}.recent-work-heading{margin-bottom:clamp(2rem,5vw,3.5rem)}.recent-work-heading h1,.recent-work-heading h2{font-family:var(--font-heading);letter-spacing:-.035em;margin:.4rem 0 0;font-size:clamp(2.6rem,6vw,5.25rem);line-height:.98}.recent-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem);padding-bottom:2.5rem;display:grid}.recent-work-item{margin:0;padding:0 0 2.25rem;position:relative}.recent-work-browser{background:var(--surface);border:1px solid var(--border);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 30px 60px -32px #14120e73,0 8px 18px -10px #14120e40}.recent-work-dots{border-bottom:1px solid var(--border);background:var(--soft-surface);gap:5px;padding:9px 12px;display:flex}.recent-work-dots i{background:var(--border);border-radius:50%;width:7px;height:7px}.recent-work-browser img,.recent-work-phone img{width:100%;height:auto;display:block}.recent-work-phone{background:#1f1d1a;border:5px solid #1f1d1a;border-radius:18px;width:30%;position:absolute;bottom:0;right:-.5rem;overflow:hidden;box-shadow:0 24px 40px -18px #14120e99}.recent-work-ready .recent-work-item{opacity:0;transition:opacity .9s,transform 1.1s cubic-bezier(.2,.75,.2,1);transform:translateY(48px)rotate(-1.2deg)}.recent-work-ready .recent-work-item .recent-work-phone{transition:transform 1.2s cubic-bezier(.2,.75,.2,1) .15s;transform:translateY(28px)}.recent-work-ready .recent-work-item.is-in{opacity:1;transform:none}.recent-work-ready .recent-work-item.is-in .recent-work-phone{transform:none}@media (hover:hover){.recent-work-item.is-in:hover .recent-work-browser{transform:translateY(-6px)}.recent-work-browser{transition:transform .5s cubic-bezier(.2,.75,.2,1)}}@media (prefers-reduced-motion:reduce){.recent-work-ready .recent-work-item,.recent-work-ready .recent-work-item .recent-work-phone{opacity:1;transition:none;transform:none}}html[data-motion=off] .recent-work-ready .recent-work-item,html[data-motion=off] .recent-work-ready .recent-work-item .recent-work-phone{opacity:1;transition:none;transform:none}@media (max-width:1100px){.recent-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.recent-work-grid{grid-template-columns:1fr;gap:2.75rem}.recent-work-phone{width:28%;right:.25rem}}