.work-item{display:grid;grid-template-columns:170px 1fr;gap:40px;padding:34px 0;border-bottom:1px solid var(--line);transition:all .35s}
.work-item:first-child{border-top:1px solid var(--line)}
.work-item:hover{padding-left:14px;background:linear-gradient(90deg,rgba(47,224,160,.05),transparent 60%)}
.work-left{display:flex;flex-direction:column;gap:8px}
.work-when{font-family:var(--mono);font-size:13px;color:var(--text-dim)}
.work-tag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(47,224,160,.3);border-radius:2px;padding:3px 8px;width:fit-content}
.work-body h3{font-family:var(--serif);font-size:25px;font-weight:480;letter-spacing:-.01em;margin-bottom:3px}
.work-org{font-size:14px;color:var(--muted);margin-bottom:16px}
.work-body ul{list-style:none;display:grid;gap:9px;margin-bottom:16px}
.work-body li{font-size:15px;color:var(--text-dim);padding-left:20px;position:relative;font-weight:340}
.work-body li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:1px;background:var(--accent);box-shadow:0 0 6px var(--accent)}
.projects{margin-top:60px;padding-top:46px;border-top:1px solid var(--line)}
.proj-head{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;max-width:74ch}
.proj-head h3{font-family:var(--serif);font-size:clamp(22px,3vw,30px);font-weight:420;letter-spacing:-.01em}
.proj-head p{color:var(--text-dim);font-size:15px;font-weight:340}
.proj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.proj-card{border:1px solid var(--line);border-radius:8px;padding:22px;background:var(--surface);transition:border-color .35s,transform .35s;display:flex;flex-direction:column;position:relative}
.proj-card:hover{border-color:rgba(47,224,160,.4);transform:translateY(-4px)}
.proj-top{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.proj-when{font-family:var(--mono);font-size:11px;color:var(--muted)}
.proj-ind{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(47,224,160,.3);border-radius:2px;padding:3px 8px}
.proj-card p{font-size:13.5px;color:var(--text-dim);font-weight:340;margin-bottom:16px;line-height:1.55;flex:1}
.proj-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),rgba(47,224,160,.13),transparent 60%)}
.proj-card:hover::after{opacity:1}
@media(max-width:680px){.work-item{grid-template-columns:1fr;gap:14px}.work-item:hover{padding-left:0}}