Statement of Work

<!doctype html><html><head><meta charset="utf-8"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"><style>html,body{margin:0;height:100%;overflow:hidden;background:transparent;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#181818}.c{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.serif{font-family:'STK Bureau Serif Variable Complete',Georgia,'Times New Roman',serif}.mono{font-family:ui-monospace,'SF Mono',Menlo,monospace}.pg{background:#fff;width:270px;box-sizing:border-box;padding:26px 30px 28px;box-shadow:0 6px 20px -6px rgba(23,23,23,.10);border-radius:4px}.k{font-size:8.5px;letter-spacing:.12em;color:#767473;text-transform:uppercase;border-bottom:1px solid #181818;padding-bottom:6px;display:flex;justify-content:space-between}.n{font-size:36px;line-height:1;margin-top:20px;white-space:nowrap}.s{font-size:11.5px;color:#545352;margin-top:10px}.s b{color:#181818;font-weight:600}.cnt{--n:5;counter-reset:n var(--n);animation:c5 5s ease-out infinite;font-variant-numeric:tabular-nums}.cnt:after{content:counter(n)}@keyframes c5{0%,15%{--n:0}45%,100%{--n:5}}@property --n{syntax:'<integer>';inherits:false;initial-value:0}@media (prefers-reduced-motion:reduce){*,*:after{animation:none!important}}</style></head><body><div class="c"><div class="pg"><div class="k"><span>Scope</span><span>2</span></div><div class="n serif"><span class="cnt"></span> deliverables</div><div class="s">One owner each: <b>Helix</b> or <b>you</b></div></div></div></body></html>

<!doctype html><html><head><meta charset="utf-8"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"><style>html,body{margin:0;height:100%;overflow:hidden;background:transparent;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#181818}.c{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.serif{font-family:'STK Bureau Serif Variable Complete',Georgia,'Times New Roman',serif}.mono{font-family:ui-monospace,'SF Mono',Menlo,monospace}.a{width:300px;box-sizing:border-box;background:#fff;border-radius:14px;padding:16px 20px;font-size:16px;line-height:1.5;box-shadow:0 6px 20px -6px rgba(23,23,23,.10)}.a .h{background:#9eff78;padding:0 4px;white-space:nowrap}.a .h{background:linear-gradient(#9eff78,#9eff78) 0 0/100% 100% no-repeat;animation:hl 5s ease-in-out infinite}@keyframes hl{0%,18%{background-size:0% 100%}40%,92%{background-size:100% 100%}100%{background-size:0% 100%}}@media (prefers-reduced-motion:reduce){*,*:after{animation:none!important}}</style></head><body><div class="c"><div class="a serif">Old TMS data migration:<br><span class="h">out of scope</span>, in writing.</div></div></body></html>

<!doctype html><html><head><meta charset="utf-8"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"><style>html,body{margin:0;height:100%;overflow:hidden;background:transparent;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:#181818}.c{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.serif{font-family:'STK Bureau Serif Variable Complete',Georgia,'Times New Roman',serif}.mono{font-family:ui-monospace,'SF Mono',Menlo,monospace}.t{display:flex;align-items:center;gap:11px;width:300px;box-sizing:border-box;background:#fff;border-radius:10px;padding:13px 15px;box-shadow:inset 0 0 0 1px #e8e7e6,0 6px 20px -6px rgba(23,23,23,.10)}.bx{width:16px;height:16px;border-radius:5px;flex:none;display:flex;align-items:center;justify-content:center;background:#181818;box-shadow:inset 0 0 0 1.5px #181818;animation:ck 5s infinite}.bx svg{animation:ckv 5s infinite}.tx{font-size:13.5px;font-weight:600;white-space:nowrap}.mt{font-size:12px;color:#767473;margin-left:auto;white-space:nowrap}@keyframes ck{0%,30%{background:#fff;box-shadow:inset 0 0 0 1.5px #c9c7c5}36%,92%{background:#181818;box-shadow:inset 0 0 0 1.5px #181818}100%{background:#fff;box-shadow:inset 0 0 0 1.5px #c9c7c5}}@keyframes ckv{0%,32%{opacity:0}38%,92%{opacity:1}100%{opacity:0}}@media (prefers-reduced-motion:reduce){*,*:after{animation:none!important}}</style></head><body><div class="c"><div class="t"><span class="bx"><svg width="12" height="12" viewBox="0 0 12 12"><path d="M2.5 6.2 5 8.6 9.5 3.6" fill="none" stroke="#fff" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span class="tx">Live on 3 sites</span><span class="mt">Marta K. · Jun 30</span></div></div></body></html>