/* One supplied SVG. Only the headline draws; section markers stay still. */
.mug-title{display:flex;align-items:center;gap:24px}
.mug-title h1{min-width:0;margin:0}
.mug-mark{width:28px;height:28px;flex:none;display:block;overflow:visible}
.mug-mark>*{stroke:var(--web-gray-dark)}
.mug-title .mug-mark{width:72px;height:72px}
.mug-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ink-2);margin:0 0 16px}
.mug-draw>*{stroke-dasharray:1;stroke-dashoffset:1;animation:mug-line-draw var(--motion-slow) linear forwards}
.mug-draw>:nth-child(2){animation-delay:var(--motion-slow)}
.mug-draw>:nth-child(3){animation-delay:calc(var(--motion-slow) * 2)}
@keyframes mug-line-draw{to{stroke-dashoffset:0}}
@media(max-width:600px){.mug-title{gap:16px}.mug-title .mug-mark{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.mug-draw>*{animation:none;stroke-dashoffset:0}}