/* A single short marking pass, then a parked robot and a finished white line. */
.header{height:124px;padding-bottom:28px}
html{scroll-padding-top:134px}
.header-paint-track{position:absolute;left:0;right:0;bottom:0;height:28px;overflow:hidden;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0 7px,#b4ed6806 7px 8px),linear-gradient(90deg,#12392f,#0c303c);border-top:1px solid #93c9781c}
.header-paint-lane{position:absolute;inset:0 24px}
.header-paint-guide{position:absolute;left:0;right:0;top:14px;border-top:1px dashed #9ec5c433}
.header-painted-line{position:absolute;left:0;right:40px;top:13px;height:3px;background:#f4f8ef;border-radius:3px;box-shadow:0 0 5px #b4ed6830;transform-origin:left;animation:header-line-paint 4.5s .2s cubic-bezier(.22,.48,.35,1) both}
.header-robot-runner{position:absolute;inset:0 44px 0 0;animation:header-robot-drive 4.5s .2s cubic-bezier(.22,.48,.35,1) both;will-change:transform}
.header-robot{display:block;width:44px;height:28px;filter:drop-shadow(0 2px 2px #00131b66)}
@keyframes header-line-paint{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes header-robot-drive{from{transform:translateX(0)}to{transform:translateX(100%)}}
@media(max-width:760px){.header{height:106px}.header nav{top:106px}.header-paint-lane{inset-inline:20px}html{scroll-padding-top:116px}}
@media(prefers-reduced-motion:reduce){.header-painted-line{animation:none;transform:scaleX(1)}.header-robot-runner{animation:none;transform:translateX(100%);will-change:auto}}