.work{--work-accent:var(--accent,var(--purple-mid,#7c3aed));max-width:72rem;margin:56px auto 0;padding:0 24px}.work-head{max-width:60rem;margin-bottom:32px}.work-head h2{font-family:var(--display);letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:700;line-height:1.1}.work-head p{color:var(--dim);font-size:1rem;line-height:1.6}.work-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));align-items:stretch;gap:22px;display:grid}.work-grid-single{grid-template-columns:minmax(0,34rem)}.work-card{border:1px solid var(--hairline);color:inherit;background:#fff;border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.work-card:hover{border-color:color-mix(in srgb, var(--work-accent) 35%, var(--hairline));transform:translateY(-4px);box-shadow:0 18px 38px -18px #0b091857}.work-card:focus-visible{outline:3px solid var(--work-accent);outline-offset:3px}.work-card-shot{background:var(--ghost,#f4f3ff);border-bottom:1px solid var(--hairline);display:block;position:relative;overflow:hidden}.work-card-shot img{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:auto;transition:transform .5s;display:block}.work-card:hover .work-card-shot img{transform:scale(1.04)}.work-card-bar{border-bottom:1px solid var(--hairline);background:#fff;height:20px;display:block;position:relative}.work-card-bar:before{content:"";background:#ff5f57;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:10px;transform:translateY(-50%);box-shadow:9px 0 #febc2e,18px 0 #28c840}.work-card-body{flex-direction:column;flex:auto;padding:20px 22px 22px;display:flex}.work-card-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.work-card-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--work-accent);background:color-mix(in srgb, var(--work-accent) 12%, transparent);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700}.work-card-name{font-family:var(--display);letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(1.25rem,2.2vw,1.55rem);font-weight:700;line-height:1.15;display:block}.work-card-sub{color:var(--dim);flex:auto;margin-bottom:18px;font-size:.9rem;line-height:1.5;display:block}.work-card-open{color:var(--work-accent);align-items:center;gap:8px;font-size:.86rem;font-weight:600;display:inline-flex}.work-card-open svg{width:14px;height:14px;transition:transform .25s}.work-card:hover .work-card-open svg{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.work-card,.work-card-shot img,.work-card-open svg{transition:none!important}.work-card:hover,.work-card:hover .work-card-shot img,.work-card:hover .work-card-open svg{transform:none}}