.home-handoff{padding:90px 8%;background:var(--paper);font-family:Matter,Arial,sans-serif}.home-handoff .container{max-width:1160px;margin:auto}.home-handoff h2{font-size:clamp(2.125rem,3.2vw,2.875rem);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:0 0 32px;max-width:950px}.home-handoff .two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.home-handoff .handoff-example{min-width:0}.home-handoff .eyebrow{font-family:Matter,Arial,sans-serif;text-transform:uppercase;white-space:nowrap;margin:0 0 24px;font-size:clamp(10px,1.2vw,13px);line-height:1.5;letter-spacing:.03em}@media(max-width:700px){.home-handoff{padding:55px 24px}.home-handoff .two-col{grid-template-columns:1fr;gap:24px}}
.handoff-drawing{display:block;width:100%;height:auto;overflow:visible}
.handoff-ready .typing-line{width:0}
.handoff-playing .typing-line{animation:handoff-type .6s steps(32,end) var(--type-delay) forwards}
.handoff-icon{transform-box:fill-box;transform-origin:center}
.handoff-playing .handoff-icon{animation:handoff-press .4s ease-in-out var(--press-delay)}
@keyframes handoff-type{to{width:222px}}
@keyframes handoff-press{0%,100%{transform:scale(1)}45%{transform:scale(.82)}75%{transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.handoff-ready .typing-line{width:222px;animation:none}.handoff-playing .handoff-icon{animation:none}}