:root{--navy:#373c46;--mint:#4ddcc3;--blue:#3bb2b7;--white:#fff;--grey:#c7c8ca;--yellow:#fdb913;--deep:#1b3349;--t-petrol:#1f5672;--t-teal:#42889c;--t-sky:#8fe2ef;--t-sand:#fce5c8;--t-peach:#f4c09d;--gradient-navy:linear-gradient(90deg, #152230 0%, #1d2d3a 33.3%, #1b3349 66.6%, #11383f 100%);--status-green:#1f7a4d;--status-amber:var(--yellow);--status-red:#b42318;--font-body:Arial, Helvetica, sans-serif;--radius:8px;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem}
.ui-top-bar,.ui-footer{background:var(--gradient-navy);color:var(--white);padding:var(--space-3) var(--space-4)}.ui-top-bar__name,.ui-footer__name{text-transform:lowercase;font-weight:700}.ui-footer{justify-content:flex-end;display:flex}.ui-card{border:1px solid var(--grey);border-radius:var(--radius);padding:var(--space-4)}.ui-road-worker{width:100%;max-width:20rem;height:auto;margin:0 auto var(--space-4);display:block}.ui-road-worker .rw-ground{fill:var(--navy);opacity:.14}.ui-road-worker .rw-crack{fill:none;stroke:var(--navy);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;animation:3s ease-in-out 2 rw-crack}.ui-road-worker .rw-arm{fill:none;stroke:var(--navy);stroke-width:9px;stroke-linecap:round}.ui-road-worker .rw-smile{fill:none;stroke:var(--navy);stroke-width:1.6px;stroke-linecap:round}.ui-road-worker .rw-navy-fill{fill:var(--navy)}.ui-road-worker .rw-deep-fill{fill:var(--deep)}.ui-road-worker .rw-mint-fill{fill:var(--mint)}.ui-road-worker .rw-blue-fill{fill:var(--blue)}.ui-road-worker .rw-yellow-fill{fill:var(--yellow)}.ui-road-worker .rw-white-fill{fill:var(--white)}.ui-road-worker .rw-sand-fill{fill:var(--t-sand)}.ui-road-worker .rw-grey-fill{fill:var(--grey)}.ui-road-worker .rw-hammer,.ui-road-worker .rw-body,.ui-road-worker .rw-debris{transform-box:fill-box}.ui-road-worker .rw-hammer{animation:.12s linear 40 rw-drill}.ui-road-worker .rw-body{animation:.12s linear 40 rw-shake}.ui-road-worker .rw-debris{opacity:0;animation-duration:.9s;animation-timing-function:ease-out;animation-iteration-count:4}.ui-road-worker .rw-debris-1{animation-name:rw-fly-1}.ui-road-worker .rw-debris-2{animation-name:rw-fly-2;animation-delay:.3s}.ui-road-worker .rw-debris-3{animation-name:rw-fly-3;animation-delay:.6s}@keyframes rw-drill{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes rw-shake{0%,to{transform:translateY(0)}50%{transform:translateY(1px)}}@keyframes rw-crack{0%{stroke-dashoffset:40px}60%,to{stroke-dashoffset:0}}@keyframes rw-fly-1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-22px,-30px)}}@keyframes rw-fly-2{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px,-36px)}}@keyframes rw-fly-3{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px,-22px)}}@media (prefers-reduced-motion:reduce){.ui-road-worker .rw-crack,.ui-road-worker .rw-hammer,.ui-road-worker .rw-body,.ui-road-worker .rw-debris{animation:none}.ui-road-worker .rw-crack{stroke-dashoffset:0}}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--white);min-height:100vh;color:var(--navy);font-family:var(--font-body);flex-direction:column;line-height:1.5;display:flex}h1,h2,h3{color:var(--deep);text-transform:lowercase;font-weight:700}.page{width:100%;max-width:60rem;padding:var(--space-5) var(--space-4);flex:1;margin:0 auto}